Kai Lahmann: 100% hohe <div> zu hoch

Beitrag lesen

hi

Ich moechte gerne eine relative Höhenangabe auf ein <div> anwenden; dabei tritt nun leider das Problem auf, das zumindest IE5 Mac bei korrekt gesetztem Doctype die <div> viel zu hoch anzeigt, quirkend jedoch alles korrekt.

das Problem dürfte sein, dass es am Rand noch ein padding bzw. margin von idr. 8 Pixeln gibt.

Ist das ein Bug oder korrekt? Und kann man irgendwas dagegen tun, oder nicht, und tritt das Problem nur auf dem Browser auf oder sind IE5 für PC auch davon betroffen?

der IE5/Win verrechnet sich bei soetwas eh dauernd, so dass ein Layout, welches dort passt, es dann in mehr oder weniger keinem anderen Browser tut.

Mit body{padding:0px;margin:0px;} in der CSS-Datei sollte sich das Problem lösen lassen. Das padding ist eine Marotte von Opera 5 und 6.
MSIE4/win und MSIE5/win berechnen width und height übrigens immer etwas schief und zu klein, da man border und co davon abzieht. MSIE5/Mac und MSIE6/Mac machen dies im Quirks-Mode, mit gültigem DOCTYPE ist Ruhe. Alle anderen aktuellen Browser rechnen width unabhängig des border oder margin (was so auch die HTML-Spec vorschreibt.)
Über MSIE4/Mac und Netscape4 schweigen wir besser. :)

Grüße aus Lüneburg

Kai