Why no Tables For Layout?
by Hiroshi on July 9th, 2007
Learn how DIV based table-less website is better than table based website.
- A table forces a user to follow your document structure, not a typical document structure.
- Tables require much more HTML to generate than using the DIV method and so increase the file size of the page.
- Once a table is laid out and used across a website, possibly hundreds of pages, any structural updates or amendments are both time consuming and expensive.
- A table can be styled using CSS whereas a DIV can be floated and positioned to give you precise layout control.
- Nested tables and spacer gifs make for messy markup and inaccessible websites.
- Presentation information is mixed with markup so maintenance becomes harder.
- Tables may offer good browser compatibility but not device compatibility.