Na sowas: CSS 3 bringt das alte Microsoft Boxmodell zurück. Natürlich unter neuem Namen: box-sizing. Pfui Teufel!

Reload mit CSS 3: Das neue alte IE-Boxmodell

Laut W3C-Standard werden zur angegebenen Breite "width" (analog: "height") noch die Innenabstände padding, die Border-Dicke und natürlich der Außenabstand margin hinzugezählt, um den  tatsächlichen Platzbedarf einer Box zu bekommen.
Eine 100 Pixel breite Box mit 5 Pixel Innenabstand ist also nicht 100 – sondern 100+5+5 = 110 Pixel breit.

Microsoft (damals absoluter Marktführer) hielt sich schlichtweg nicht daran, sondern kochte ein eigenes Süppchen: padding wirkt sich nicht auf die Maße aus, sondern zählt nur als Abstand nach innen, als Innenabstand eben.
Eine 100 Pixel breite Box mit 5 Pixel Innenabstand ist also  - wie angegeben: 100 Pixel breit.

Ein Layoutprogramm wie xPress oder Indesign würde keine Freunde haben, wenn sich nach Änderung des Textabstandes (zur Box) die Box-Größe und damit das gesamte Layout ändern würde. Oder wer würde auf die Idee kommen, die Größe einer Verpackung auf den Inhalt bezogen anzugeben, zu dem man erst noch das Styropor dazu rechnen muss?

Tatsächlich muss man also fragen: Warum gilt laut W3C nicht das offensichtliche, angegebene Maß, sondern ein Konstrukt, das man sich ausgehend von einer unsichtbaren inneren Box erst selbst ausrechnen muss – und dass in vieler Hinsicht völlig unbrauchbar ist.

Nun denn – der W3C Standard hat sich durchgesetzt; mit einigem Bauchweh haben wir uns daran gewöhnt und fortan lieber Designs mit festen Breiten gemacht. Ist eh schöner ;-)

box-sizing

Aber das W3C darf aus Fehler lernen und bringt mit "box-sizing" – nachdem sich jetzt auch Microsoft Browser an die Vorgaben halten – den alten IE Modus zurück, nur mit dem kleinen Unterschied, dass auf Wunsch auch die Border-Dicke nach innen gerechnet wird; sinnvoll.

Ob sich das bald durchsetzen wird? Die Browser-Hersteller neigen derzeit eher dazu, sich bei der Implementierung von CSS 3 die effektvollen Rosinen herauszusuchen, wozu sowas nicht gerade gehört. Noch dazu, wo man alte Wunden wieder aufkratzen würde: Wer hats erfunden? Die Verwendung von box-sizing wird wohl bald zu den Layout-Tabellen in die Pfui-Schublade gesteckt werden.
 

Zurück