Dorward's Ramblings

Nested Tables

Published on

HTML was never designed to be a layout language. The <table> element was designed to mark-up tabular data. When tables are nested (i.e. when one table is placed inside another table), it is almost always because they are being abused for layout purposes.

Tabular data looks something like this:

Tabular Data Example

If you have nested tables, then you should follow this flow chart:

On the other hand, there is a language designed specifically for handling presentational issues on webpages. CSS has the extra benefits of making pages more manageable, accessible, and faster to download.