Sven Rautenberg: Unterschiedliche Breiten bei IE 6/ Mozilla

Beitrag lesen

Hallo nochmal!

Ich glaube kaum, dass ihr mir hier helfen koennt (da sind wohl eher die Browserentwickler gefragt) aber vielleicht kennt ja jemand einen Trick.

Ich habe eine Flaeche (<div>), deren StyleSheet-Angaben sehen wie folgt aus:

Position: relative;
Width: 140px;
Padding: 2px;
Padding-Left: 10px;
Padding-Top: 0px;
Padding-Bottom: 12px;

Mit dem IE ist die Flaeche nun genau 140px breit (naja, davon gehe ich zumindest aus), wobei der Mozilla offensichtlich die 10 Pixel noch dazuaddiert. Den Linksabstand kann ich aber auch auf keinen Fall entfernen, also wie bekomme ich das nun hin, dass die Flaeche in beiden Browsern gleich gross angezeigt wird?
Ich werd es jetzt erstmal so akzeptieren, dass es in beiden Browsern unterschiedlich aussieht aber vielleicht kann ich das ja auch noch verhindern.

Wieder ein Fall, wo der IE leider falsch liegt in der Interpretation der W3C-Spezifikationen, bzw. es gibt da keinerlei Interpretationsspielraum.

Was dich interessieren dürfte:
1. Das Box-Modell: Wo sitzen die Abstände, die du definierst? http://www.w3.org/TR/CSS2/box.html#box-dimensions (Schöne Grafik, die genau zeigt, wie padding, border und margin um den Inhalt herumgeschachtelt werden.)

2. Und wie paßt "width" da rein? http://www.w3.org/TR/CSS2/visudet.html#propdef-width
Zitat: "This property specifies the content width of boxes generated by block-level and replaced elements."

Width bestimmt also im Box-Modell die Breite des Content. Zusätzlich werden noch die Breiten für padding, border und margin addiert, sofern nicht Null, was dann eine Gesamtbreite ergibt.

Der IE macht Müll, weil er (was die Entwickler vielleicht logisch fanden, aber irrelevant ist) width als eine andere Breite betrachtet.

Bleibt also, wenns allzu schrecklich aussieht, wieder mal nur die Möglichkeit, dem IE eine passende CSS-Datei vorzusetzen.

BTW: Geh mal mit IE und Netscape 6/Mozilla/Opera auf  http://www.w3.org/Style/CSS/ und vergleiche. Und schmeiß danach den Browser weg, der am wenigsten von diesen standardgerechten Seiten darstellen kann...

- Sven Rautenberg