Table Based Layouts Unnecessary (Part 1)

Sharing is Caring

More and more often as I develop websites for companies located around Niagara Region (Fort Erie, Niagara Falls, St Catharines, Welland) I am seeing table based layouts for websites. Table based layouts depend on an html table to do all of the layout and often have many tables inside of tables creating an extreme amount of html vs content.

Table based layouts should have died out: CSS has increasingly become more and more supported. It is very difficult now to find a web browser that doesn’t at least support large chunks of the W3C Starndards.

The use of tables is now actually interfering with building a better, more accessible, flexible, and functional Web. CSS is easier maintained and changed compared to a large table based layout: less clutter and a great separation between content and presentation.

Problems with using tables

  • Redesigns of existing sites and content extremely labor intensive (expensive!)
  • Large file sizes: slow loading pages & more expensive hosting costs
  • Pages aren’t very accessible to users with disabilities or different devices (phones, pda, ipod, iPad.)
  • Simple change to table layout may take hours across multiple pages.

Benefits to using CSS Layouts

  • Content is much closer to top of file.
  • Allows extreme flexibility in positioning
  • Allows graphics to load later while user views text.
  • Changes only need to happen in 1 file.
Sharing is Caring

Brian is a software architect and technology leader living in Niagara Falls with 13+ years of development experience. He is passionate about automation, business process re-engineering, and building a better tomorrow.

Brian is a proud father of four: two boys, and two girls and has been happily married to Crystal for more than ten years. From time to time, Brian may post about his faith, his family, and definitely about technology.