Safari escapes being buggy on a technicality: it doesn't support the traditional (border-box
)
model.
The box model of a td
turns out to be unchangeable in Explorer (Win
and Mac), Mozilla and Opera.
This page is in Strict Mode, and the td
's and the div
have:
width: 160px; padding: 20px;
In the W3C box model this makes for a total width of 300px (260 + 20 + 20). Explorer Mac, however,
uses the traditional box model, where the width includes the padding, and thus makes the td
's
only 160px wide. It correctly gives the test div
a 300px total width, though.
The reverse bug applies to Explorer Windows, Mozilla and Opera when using the traditional box model.
Cell 1 | Cell 2 |