Width und Padding in IE/Mozilla

[Michael]

Hallo!

<div style="width: 640px; padding:20px;">
bla
</div>

Dieses div ist im IE von linkem Rahmen zu rechtem Rahmen genau 640px breit. Mozilla rechnet aber anscheinend die 20px Padding noch dazu und das ganze ist somit 680px breit.
Woran liegt das und wie krieg ich das so hin, dass es in beiden Browsern gleich breit ist?

MfG, Michael

[MudGuard]

Hi,

<div style="width: 640px; padding:20px;">
bla
</div>

Dieses div ist im IE von linkem Rahmen zu rechtem Rahmen genau 640px breit. Mozilla rechnet aber anscheinend die 20px Padding noch dazu und das ganze ist somit 680px breit.

Das liegt am box-model-bug des IE.
Im CSS-Standard steht drin, daß padding mit zur width (bzw. height) zu rechnen ist.

Woran liegt das und wie krieg ich das so hin, dass es in beiden Browsern gleich breit ist?

Im IE 6 im standards-compliant-Mode wird es auch richtig gerechnet.
Also vollständigen Doctype angeben (afair muß es strict sein, ich lege mich jetzt aber nicht darauf fest)

cu,
Andreas

[Michael]

Hallo!

Das liegt am box-model-bug des IE.

*gnargh*

Im IE 6 im standards-compliant-Mode wird es auch richtig gerechnet.
Also vollständigen Doctype angeben (afair muß es strict sein, ich lege mich jetzt aber nicht darauf fest)

Vielen dank, es funktioniert! Übrigens hast du recht, es muss strict sein...

MfG, Michael

[Michael Jendryschik]

Hallo,

Im CSS-Standard steht drin, daß padding mit zur width (bzw. height) zu rechnen ist.

Nun, das Gegenteil ist eigentlich der Fall. 'width' und 'height' bestimmen die Breite bzw. Höhe des *Content-Bereiches* eines Elementes. Die Breite des Padding-Bereiches wird zu der Breite des Content-Bereiches hinzuaddiert.

Ich vermute, das hast du gemeint, nur ein wenig missverständlich ausgedrückt.

Im IE 6 im standards-compliant-Mode wird es auch richtig gerechnet.
Also vollständigen Doctype angeben (afair muß es strict sein, ich lege mich jetzt aber nicht darauf fest)

Nicht unbedingt. http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html bietet eine gute Übersicht, aber vielleicht kennt noch jemand eine bessere?

Gruß,

MI

[MudGuard]

Hi,

Hallo,

Im CSS-Standard steht drin, daß padding mit zur width (bzw. height) zu rechnen ist.

Nun, das Gegenteil ist eigentlich der Fall. 'width' und 'height' bestimmen die Breite bzw. Höhe des *Content-Bereiches* eines Elementes. Die Breite des Padding-Bereiches wird zu der Breite des Content-Bereiches hinzuaddiert.

Ich vermute, das hast du gemeint, nur ein wenig missverständlich ausgedrückt.

Ich habe nicht geschrieben, daß padding auf die width aufaddiert wird.

cu,
Andreas