Fusszeile unten ausrichten (IE6?)

von **anfed** » 11.02.2008, 16:31

Hallo zusammen,

Ich möchte bei meinem Layout, dass die Fusszeile am Fensterrand klebt. Bei längeren Texten entsteht jedoch ein Scrollbalken. Meine Fusszeile sollte dann nicht mehr am Fensterrand kleben, sondern am DIV über der Fusszeile. Im Firefox und im IE/ funktioniert dies wunderbar.

Hat jemand vielleicht einen Vorschlag für IE6,wie ich das mit CSS lösen kann . :?:

Besten Dank und grüsse

von **Laus** » 11.02.2008, 19:24

Schau mal -->hier<--
Übrigens das Board hat auch eine Suchfunktion :wink:

Gruß Xaver

von **anfed** » 12.02.2008, 10:05

danke für den tipp :wink:

klappt bei mir aber trotzdem nicht

von **Laus** » 12.02.2008, 10:23

Was genau klapt dabei den nicht?
Ein Link zu deiner Seite wäre sehr hilfreich dabei Dir zu helfen.

von **anfed** » 12.02.2008, 10:44

Hier erst mal mein HTML:

Code: Alles auswählen: <body> <div> <div><img></div> <div> <div><img></div> <div> <div><img></div> <div> <ul> <li><a>home</a></li> <li><a>dienstleistungen</a></li> <li><a>über mich</a></li> <li><a>das unternehmen</a></li> <li><a>kontakt</a></li> </ul> </div> </div> <div></div> </div> <div> <div>  </div> <TemplateBeginEditable> <div> <h1>Titel</h1> <h2>Hier steht mein Text</h2> </li> </ul> </div> <TemplateEndEditable><TemplateBeginEditable> <div> <h2>Quicklinks</h2> </div> <TemplateEndEditable> </div> <div>Hans Muster<br> Musterstrasse 7<br> 12345 Musterort<br> telefon<br></div> <div> class="clear"></div> <div> <h5>hier steht meine Fusszeile</h5> </div> </div> </body> </html>

und Hier einen Teil meines CSS:

Code: Alles auswählen: div.clear { clear:both; } #container { width: 900px; min-height: 100%; margin-left: auto; margin-right: auto; top: 0; position: relative; } #content { width: 900px; position: relative; float:left; clear: none; } #sidebarlinks { width: 107px; float: left; clear: none; } #inhalt { width: 489px; float: left; clear: none; padding: 38px 45px; line-height: 18px; } #sidebarrechts { width: 168px; float: right; clear: none; padding: 38px 23px; } /****FUSSZEILE****/ #fusszeile { position:absolute; clear: both; width: 900px; height: 20px; margin: 0 auto; background:#a22550; text-align:center; bottom: 0; }

So ich hoffe meinen Code bringt dir etwas:)

Im IE 6 habe ich Probleme. Die Fusszeile hängt irgendwo in der Mitte.

Wo steckt mein Fehler?

Danke für die Hilfe

von **Laus** » 12.02.2008, 12:11

Editiere bitte deinen Quelltext im vorherigem Post und setze bei HTML in diesem Beitrag deaktivieren einen Haken dann wird der Quelltext richtig eingetragen.
Dein Problem liegt vermutlich am position:absolute; deines footers.
Hast du dir footerstickalt angesehen?
Deine Elternelemente brauchen auch ein height:100%, also html und body, da sich die Elemente immer nur soweit dehnen können wie die Elternelemente groß sind.

Gruß Xaver

von **anfed** » 12.02.2008, 13:19

Hier nochmals das HTML

Code: Alles auswählen: <body bgcolor="#FFFFFF" onload="setactive();"> <div id="container"> <div id="kopfzeile"><img src="../bilder/kopf.jpg" alt=""/></div> <div id="header"> <div id="logo"><img src="../bilder/logo.jpg" width="107" height="217" /></div> <div id="headrechts"> <div id="bild"><img src="../bilder/bild.jpg" /></div> <div id="navi"> <ul> <li><a href="../index.html">home</a></li> <li><a href="../dienstleistungen.html">dienstleistungen</a></li> <li><a href="../ueber-mich.html">über mich</a></li> <li><a href="../unternehmen.html">das unternehmen</a></li> <li><a href="../kontakt.html">kontakt</a></li> </ul> </div> </div> </div> <div id="content"> <div id="sidebarlinks">  </div>  <div id="inhalt"> <h1>Haupttitel</h1> <h2>Untertitel</h2> <ul> <li> <h3>Hier steht der Text</h3> </li> </ul> </div>  <div id="sidebarrechts"> <h2>Quicklinks</h2> </div>  </div> <div class="main" id="adresse">Hans Muster<br /> Musterstrasse 7<br /> 1234 Muster<br /> telefon 012 345 67 89<br /></div> <div class="clear"></div> <div id="fusszeile"> <h5>Hier steht die Fusszeile</h5> </div> </div> </body> </html>

ja, ich hab mir das footerstickalt angesehen. bin aber nicht ganz schlau daraus geworden, bzw. bei mir hat es nicht geklappt. Warum auch immer.
:roll:

von **Laus** » 16.02.2008, 10:44

Du musst deinen Footer aus deinem Div Container herausnehmen so das dieser Container die Eigenschaft des dort beschriebenen Divs nonfooter erhält. Der footer wird dann extra positioniert.
Zusätzlich müssen html und body eine Höhe von 100% zugewiesen bekommen da sie Elternelemente sind und die 100% Höhe immer von den Elternelementen aus gerechnet wird. Dann sollte es funktionieren.

Fusszeile unten ausrichten (IE6?)

Fusszeile unten ausrichten (IE6?)

Ähnliche Beiträge zu "Fusszeile unten ausrichten (IE6?)"

Wer ist online?