TD box model - Strict

Safari escapes being buggy on a technicality: it doesn't support the traditional (border-box) model.

Traditional box model test page.

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
Test DIV