nicht angemeldet
Hallo,
Dies ist die Testseite, auf der ich versucht habe, den Fehler möglichst einzugrenzen:
http://user96.kundenserver9hsgbr.de/errors/test.html
Wie man sieht, wird anscheinend die Footer-Box von der Content-Box umschlossen, obwohl sie eigentlich nebeneinander stehen sollten.
Nein untereinander.
(Diesen Effekt konnte ich auch nur beobachten, wenn ich dem "box"-div das padding-Attribut zugewiesen hatte)
Kann sich jemand vorstellen, weshalb dieser Darstellungs-Fehler auftritt?
Ja, der IE hat diverse Probleme mit der Höhenberechnung von Boxen beim Rendern.
Wie behebt man ihn?
Üblicherweise indem man speziell für den IE (via Conditional Comments) eine Höhenangabe für die betroffene Box (bei Dir DIV#content) vornimmt. Da IE height wie min-height rendert, also die Box ausdehnt, wenn mehr Inhalt vorhanden ist und overflow:auto ist, kann man da height:1px angeben.
Oft reicht es auch, wenn man für alle Browser, also im richtigen[TM] CSS, der Box DIV#content {height:100%;} verpasst. Solange das umgebende Element keine explizite Höhenangabe hat, wird das von standardkonformen Browsern ignioriert. Dem IE reicht das aber oft als Schlag auf den Hinterkopf.
(Gibt es eigentlich eine Internetseite, die alle möglichen Darstellungsfehler von verschiedenen Browsern sammelt und Workarounds aufzeigt?)
Naja, alle wohl nicht, aber viele http://www.quirksmode.org/
viele Grüße
Axel