Box wird in IE und firebird unterschiedlich breit angezeigt

[steff11]

Hi ihr code-Spezialisten,

diese Style-Definition:

div.box
{background-color:#f3f4ee;
border-color: #bbbbbb #ffffff #ffffff #cccccc;
border-width:1px;
border-style:solid;
width:578px;
font-size:100%;
padding: 10px 15px;
}

benutz ich häufig in folgender Code-Konstruktion:

<div class="box">
<p> ..... </p>
.....
</div>

Nun wird im IE der Box-Rahmen um das div-Element in 578px Breite dargestellt, in Firebird aber der im div-Tag eingeschlossene Text, so dass dort die Box wg padding insgesamt 598px breit wird.
* wie gehen andere Browser damit um?
* gibt es eine style-definition, die in allen Browsern gleich angezeigt wir`?

stefan

[prefix]

hi

gib mal folgendes zusätzlich dazu:

html>body div.box {
	width: 548px;
}

das ist der sog. "child-selektor" und wird vom ie nicht verstanden, sehr wohl aber von den gekko-basierten browsern

* wie gehen andere browser damit um: wie gesagt sind nn, op und moz. jene, die den child-selector interpretieren können

* code für alle browser: gibt es hier aufgrund des box-model-bugs nicht

[steff11]

schnell und treffsicher wie eh und je: merci, sog i!

[prefix]

gern geschehen