Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Breaker" data-source="post: 1337579" data-attributes="member: 74004">AW: Problem bei der Positionierung eines Divs (Footer)jetzt schauts so aus...hier der code html:[CODE]&lt;body&gt;&lt;div id=&quot;overall&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header_top&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;logo&quot;&gt;&lt;img src=&quot;images/logo.png&quot; /&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li class=&quot;start&quot; id=&quot;active&quot;&gt;&lt;a href=&quot;index.html&quot;&gt;Startseite&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;wir.html&quot;&gt;Tankstelle&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;leistungen.html&quot;&gt;Petit Bistro&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;referenzen.html&quot;&gt;Aktionen&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;service.html&quot;&gt;Ultimate&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class=&quot;ende&quot;&gt;&lt;a href=&quot;partner.html&quot;&gt;Impressum&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar_top&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;inhalt&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;images/bistro_logo.jpg&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;images/ultimate_logo.jpg&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar_navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;index.html&quot;&gt;SuperWash&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;wir.html&quot;&gt;Aral Store&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;leistungen.html&quot;&gt;PAYBACK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;referenzen.html&quot;&gt;Autohof&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;service.html&quot;&gt;Truck Service&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;partner.html&quot;&gt;So finden Sie Uns&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar_infos&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Tankstellen Details&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;René Mende&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Osdorfer Ring 33-35 &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 14979 Großbeeren &lt;br /&gt;&lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Telefon: 033701/90587 &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Telefax: 033701/90588 &lt;br /&gt;&lt;br /&gt;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; E-Mail:&nbsp; rene.mende@tankstelle.de&lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Web:&nbsp; &nbsp;&nbsp; www.aral-mende.de &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Öffnungszeiten&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 24 Stunden &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;Hier soll der Footer sein&lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;[/CODE]und CSS:[CODE]* {margin: 0px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #0064cc;}body {background: url(&#039;images/top.png&#039;) top left repeat-x;width: 100%;}#overall {width: 802px;left:50%;margin: 0 auto;margin-bottom: 50px;}#wrapper {width: 802px;}#header {height: 274px;border-right: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;}#header_top {width: 800px;height: 6px;margin-bottom: 1px;}#navi {clear: both;width: 600px;height: 28px;float: left;}#navi li {text-decoration: none;text-align: center;width: 99px;height: 15px;display: block;float:left;border-right: 1px solid #FFFFFF;padding-top: 10px;}#navi li a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #FFFFFF;font-weight: bold;text-decoration: none;}#sidebar_top {float: right;width: 200px;height: 28px;background-color: #0064cc;}#content {width: 802px;margin: 0 auto;}#inhalt {float: left;width: 600px;}#sidebar {float: right;width: 200px;height: 300px;border-right: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;}#sidebar_navi {border-left: 1px solid #0064cc;border-right: 1px solid #0064cc;}#sidebar_navi ul {list-style: none;}#sidebar_navi li {border-bottom: 1px solid #0064cc;padding: 2px 5px 2px 20px;background: url(&#039;images/sidebar_navi_punkt.png&#039;) center left no-repeat;}#sidebar_navi li a {text-decoration: none;}#navi li.ende {height: 28px;}#sidebar_infos {width: 182px;padding: 3px 8px 3px 8px;color: #363737;background-color: #e0eaf0;border-left: 1px solid #0064cc;border-right: 1px solid #0064cc;border-bottom: 1px solid #0064cc;}#sidebar_infos h1 {font-size: 14px;margin: 5px 0px 5px 0px;}#sidebar_infos h2 {font-size: 12px;color: #363737;margin: 10px 0px 0px 0px;}#footer {background: url(&#039;images/footer_back.png&#039;) top left repeat-x;height: 30px;width: 100%;left:50%;margin: 0 auto;}[/CODE]ich krieg das ding immer noch nicht weiter nach unten ohne margin zu verwenden. aber das muss doch mit clear both funktionieren :S</blockquote>

[QUOTE="Breaker, post: 1337579, member: 74004"] [b]AW: Problem bei der Positionierung eines Divs (Footer)[/b] jetzt schauts so aus... hier der code html: [CODE] <body> <div id="overall"> <div id="wrapper"> <div id="header"> <div id="header_top"></div> <div id="logo"><img src="images/logo.png" /></div> <div id="navi"> <ul> <li class="start" id="active"><a href="index.html">Startseite</a></li> <li><a href="wir.html">Tankstelle</a></li> <li><a href="leistungen.html">Petit Bistro</a></li> <li><a href="referenzen.html">Aktionen</a></li> <li><a href="service.html">Ultimate</a></li> <li class="ende"><a href="partner.html">Impressum</a></li> </ul> </div> <div id="sidebar_top"></div> </div> <div style="clear:both;"></div> <div id="content"> <div id="inhalt"></div> <div id="sidebar"> <img src="images/bistro_logo.jpg" /> <img src="images/ultimate_logo.jpg" /> <div id="sidebar_navi"> <ul> <li><a href="index.html">SuperWash</a></li> <li><a href="wir.html">Aral Store</a></li> <li><a href="leistungen.html">PAYBACK</a></li> <li><a href="referenzen.html">Autohof</a></li> <li><a href="service.html">Truck Service</a></li> <li><a href="partner.html">So finden Sie Uns</a></li> </ul> </div> <div id="sidebar_infos"> <h1>Tankstellen Details</h1> <h2>René Mende</h2> Osdorfer Ring 33-35 14979 Großbeeren Telefon: 033701/90587 Telefax: 033701/90588 E-Mail: rene.mende@tankstelle.de Web: www.aral-mende.de <h2>Öffnungszeiten</h2> 24 Stunden </div> </div> </div> </div> </div> <div style="clear:both;"></div> <div id="footer">Hier soll der Footer sein</div> </body> [/CODE] und CSS: [CODE] * { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0064cc; } body { background: url('images/top.png') top left repeat-x; width: 100%; } #overall { width: 802px; left:50%; margin: 0 auto; margin-bottom: 50px; } #wrapper { width: 802px; } #header { height: 274px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } #header_top { width: 800px; height: 6px; margin-bottom: 1px; } #navi { clear: both; width: 600px; height: 28px; float: left; } #navi li { text-decoration: none; text-align: center; width: 99px; height: 15px; display: block; float:left; border-right: 1px solid #FFFFFF; padding-top: 10px; } #navi li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; } #sidebar_top { float: right; width: 200px; height: 28px; background-color: #0064cc; } #content { width: 802px; margin: 0 auto; } #inhalt { float: left; width: 600px; } #sidebar { float: right; width: 200px; height: 300px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } #sidebar_navi { border-left: 1px solid #0064cc; border-right: 1px solid #0064cc; } #sidebar_navi ul { list-style: none; } #sidebar_navi li { border-bottom: 1px solid #0064cc; padding: 2px 5px 2px 20px; background: url('images/sidebar_navi_punkt.png') center left no-repeat; } #sidebar_navi li a { text-decoration: none; } #navi li.ende { height: 28px; } #sidebar_infos { width: 182px; padding: 3px 8px 3px 8px; color: #363737; background-color: #e0eaf0; border-left: 1px solid #0064cc; border-right: 1px solid #0064cc; border-bottom: 1px solid #0064cc; } #sidebar_infos h1 { font-size: 14px; margin: 5px 0px 5px 0px; } #sidebar_infos h2 { font-size: 12px; color: #363737; margin: 10px 0px 0px 0px; } #footer { background: url('images/footer_back.png') top left repeat-x; height: 30px; width: 100%; left:50%; margin: 0 auto; } [/CODE] ich krieg das ding immer noch nicht weiter nach unten ohne margin zu verwenden. aber das muss doch mit clear both funktionieren :S [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?