Firefox: padding macht div breiter

[Ashura]

Hallo Herb.

Klingt der Titel irgendwie blöd? Sorry, mir ist grad nichts besseres eingefallen. ;)

Man kann sich schon vom Titel her denken, wo der Fehler liegt, also: gute Wahl.

Ich habe ein div definiert:

<div class="menu"><p>Überschrift</p></div>

menu { width: 180px; padding: 10px;}

IE6 und Opera8 zeigen den div-Bereich "richtig" an, also 180 Pixel breit mit einen Innenabstand von 10 Pixel vom Rand zum Inhalt.

Nein, das ist leider nicht „richtig“.

Firefox macht es etwas anders: Er macht den div-Bereich einfach 20 Pixel breiter: 180px + 10px + 10px.

Das ist auch die dem Boxmodell entsprechend korrekte Umsetzung.

Was kann man da tun?

Befasse dich mit dem [Wikipedia: Quirks-Modus] (konkret: verlasse ihn) und dem Boxmodell-Bug.

Einen schönen Samstag noch.

Gruß, Ashura