This Test Case is for browsers, which support HTML 4.01 and the CSS2 separate borders model

[Back] [Test 0a] [Test 0b] [Test 0c] [Test 0d]
[Test 1] [Test 2] [Test 3] [Test 4] [Auto]

Test 1-4 test if the browser can handle the width CSS-property for the TABLE element correctly. According to CSS2 the width property means the content width. All kinds of possible borders and paddings are laid out of the width value. Because tables don't have direct actual content, the content width of the TABLE element is the total width of the widest TR, THEAD, TFOOT or TBODY elements. In my test pages the total width of the TR element. In order to show differences, I have used two width values.

table.testTable{border-collapse:separate;table-layout:fixed} + td.content{width:498px} + <TABLE style="width:500px" border="50" cellspacing="0" cellpadding="0" class="testTable"> + <td class="content"> + <img src="WidthTest.gif" width="400" height="200" style="border-width:0">
Because the border attribute of the TABLE elements creates also border to the TD element, the content width of the TD element must calculate in this case at the following way:
500-(2x1) = 498, which means that the content width of the table cell should be 98 pixel wider than the image.
New browsers renders this example differently. If the table use the automatic table algorithm (table-layout:auto) and the content width is defined to the TABLE element, most browsers render the content width more incorrectly. Even if in this page the error might be only two pixels, it is basic level error calculating the content width of the TD element (in the background images of the 200x400 pixel test image, half of the last corners on the right should be visible). The advantage is however the fact, that now more browsers calculate the CSS correct compared to the situation, where the width property is given to the TABLE element.
The image below the table shows the correct width of the entire TABLE element = the total width of the table = 600 pixel.

The left arrow--- the calculated content width: 498 pixel --- The right arrow

A content image
The correct total width of the table