Why no Tables For Layout?

by 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.