Box-in-a-Box-Hack & Höhe

[Lutz]

Hallo zusammen

Ich benutze verschachtelte DIVs, um die Breite & Höhe von Rand & Abständen zu trennen (gemäss Box-in-a-Box-Hack für Box-Model-Bug in IE5 & Quirks-Modus). Bezüglich Breite funktioniert das wunderbar - die Box ist 100px breit. Leider richtet sich aber die Höhe nach dem Inhalt. Wie kann ich die innere Box an die Höhe der äusseren Box anpassen? Mit height:100% überlappt sie die äussere Box um 10px.

Vielen Dank für die Hilfe!

#box {
width:100px;
height: 100px;
background-color:yellow;
}
#box div {
border: 5px solid red;
}

<div id="box">
<div>lorem ipsum</div>
</div>

[Beat]

#box {
width:100px;
height: 100px;
background-color:yellow;
}
#box div {
border: 5px solid red;
}

<div id="box">
<div>lorem ipsum</div>

90 Pigs?

mfg Beat

[Lutz]

Hoi Beat

Ja - aber ein IE5 würde die 2x 5px Border nicht zu den 90px hinzurechnen oder?

Vielen Dank & Grüsse.

»» #box {
»» width:100px;
»» height: 100px;
»» background-color:yellow;
»» }
»» #box div {
»» border: 5px solid red;
»» }
»»
»» <div id="box">
»» <div>lorem ipsum</div>

90 Pigs?

mfg Beat

[Beat]

Hoi Beat

Ja - aber ein IE5 würde die 2x 5px Border nicht zu den 90px hinzurechnen oder?

Wie wichtig ist ein IE5 ?

Wird die Seite dadurch unbenutzbar?

mfg Beat