Div verhalten IE und Mozilla

[js-mueller]

Jaja ich und meine div blöcke, werd das wohl bnie gerallt bekommen. Naja wie dem auch sei hier der Fehler:

Ich habe eine div box per css height und width werte zugewiesen. In der Div box steht ein Text. Um den Text einzurücken verwende ich padding. So in mozilla und opera muss ich das was ich bei padding in px angeben von width und height abziehen, da sich sonst die größe der box verändert. Sprich wenn ich height 100 habe aber padding-top: 10px muss ich height auf 90 setzen damit es funktioniert.
Dieses verhalten ist beim IE aber nicht da :-/
Das heisst beim IE muss ich das padding nicht von der höhe und der breite abziehn.
Kann mir wer helfewn?

 

[Quaese]

Hi,

das Ganze ist als Box-Modell-Bug bekannt - mehr dazu findest Du zum Beispiel hier.

Lösung könnte das Schachteln von DIVs sein. Hierbei würde der Innenabstand
zum äusserden DIV mit Hilfe von margin eingestellt werden.

<div style="width: 200px; height: 200px; border: 1px solid #000000;">
    <div style="margin: 5px;">
        Hallo Welt!
    </div>
</div>

Ciao
Quaese