Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: tables - table-layout: fixed

This has table-layout: fixed specified. However, since width is not specified on the table, the automatic table layout algorithm will be used instead. As a result, the COL width=10 represents the minimal width of the column and thus this should not overflow the cell border - the column's width is instead determined (very broadly speaking) by max(width, minimal width).
Orestabitfortisarareplacetorestatorestabitfortisarareplacetorestatorestabitfortisarareplacetorestatorestabitfortisarareplacetorestat

The above table has table-layout: fixed specified. However, since width is not specified on the table, the automatic table layout algorithm will be used instead. As a result, the COL width=10 represents the minimal width of the column and thus this should not overflow the cell border - the column's width is instead determined (very broadly speaking) by max(width, minimal width).

The following table has width=600 and table-layout: fixed. This means that it will split the space equally between the columns because none of the columns specifies a width.

There is quite a lot of content in this cell - so much in fact that it is likely that its maximal content width is greater than 200 pixels. Not a lot here.  

It should look the same as this:

There is quite a lot of content in this cell - so much in fact that it is likely that its maximal content width is greater than 200 pixels. Not a lot here.  
Since this has a fixed table layout and since the column has a width of 50 pixels, the width=500 on the cell won't have an effect - this cell should be 50 pixels wide, not 500!
Some content
This has width=500, but this won't have any effect due to the fact that only cells in the first row are considered for the purposes of calculating table widths - the column should only be 50 pixels wide.
This column's width should be 50% of 500 = 250px, which is the same as the width of the column below.
This column's width should be 250px, which is the same as the width of the column above.
Although this column is specified as being 50 pixels wide, because the table is wider than that (700 pixels in fact), it should (probably) be 315 pixels wide due to redistribution of width (not to be confused with redistribution of wealth). Although this column is specified as being 120 pixels wide, because the table is wider than that (700 pixels in fact), it should (probably) be 385 pixels wide due to redistribution of width (not to be confused with redistribution of wealth).

And here's what is should look like if the browser redistributes space equally:

Although this column is specified as being 50 pixels wide, because the table is wider than that (700 pixels in fact), it should (probably) be 315 pixels wide due to redistribution of width (not to be confused with redistribution of wealth). Although this column is specified as being 120 pixels wide, because the table is wider than that (700 pixels in fact), it should (probably) be 385 pixels wide due to redistribution of width (not to be confused with redistribution of wealth).

And here's what is should look like if the browser prefers to redistribute space proportionally (either is an acceptable possible interpretation of the spec):

Although this column is specified as being 50 pixels wide, because the table is wider than that (700 pixels in fact), it should (probably) be 315 pixels wide due to redistribution of width (not to be confused with redistribution of wealth). Although this column is specified as being 120 pixels wide, because the table is wider than that (700 pixels in fact), it should (probably) be 385 pixels wide due to redistribution of width (not to be confused with redistribution of wealth).

I think the last option is preferable; however, whichever one is chosen, it should look the same to the pixel.

A table cell A table cell
A table cell A table cell
A table cell A table cell
A table cell A table cell
A table cell A table cell
A table cell A table cell
A table cell A table cell
A table cell A table cell
A table cell A table cell
A table cell A table cell A table cell