6. Microsoft-Bug umgehen

Ältere Versionen von Microsofts Browser berechnen die Breite eines Elements inklusive Dicke des Rahmens und Aussenabstand (padding). Richtig aber wäre, diese beiden Werte zu der angegebenen Breite dazuzuschlagen. Der Box-Model-Hack ist ein Weg, um diesen Darstellungsfehler des Internet Explorer zu umgehen, den Microsoft erst mit Version 6 korrigiert hat (Beschreibung unter www.tantek.com/CSS/Examples/boxmodelhack.html). Allerdings sorgt der gängige Box-Model-Hack für unübersichtlichen Code. Die Variante des Hacks von Trenton Moss macht die Sache einfacher. Der folgende Code sorgt für eine Box, die in allen Browsern 150 Pixel breit ist.

#box {width: 150px;} #box div {border: 5px; padding: 20px;}

Im HTML-Code lautet der Aufruf so:

<div id=»box»><div>… </div></div>