Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the personal website of Paul (the Wurzel) Boag who lives in the heart of rural Dorset. He produces a weekly podcast along with Marcus (pop star) Lillington on all things relating to building and running websites.

Latest shows

144. Scale
On this week’s show Paul talks to Joe Stump from Digg about scalable websites, we review the best apps for web designers and investigate services for sending bulk emails.
143. Partnership
On this week’s show Paul and Marcus discuss how to promote your web application, ways to improve the client/designer relationship and tools for managing your font library.
142. Community
In this week’s show Ryan and Stanton cover the news in Paul’s absence, we’re joined by Mark Boulton to discuss design by community and Marcus reminds us to keep positive.
141. Feedback
In this week's show, Paul Annett joins us to discuss how he pushes the boundaries of CSS and we look at how to improve your website through user feedback.
140. Launch
In this week's show GetSignOff has finally launched, we talk about how to use web stats to improve your site and we answer your questions about roles with web design and should you help clients with hosting.

or view all shows

Have your say

Leave a message for the show...

Buy my book: The website owners manual. A book for all those involved in designing, developing or running websites on a daily basis.

Paying the price of tables

Published on: May 18, 2006 by Paul Boag

Barely a week goes by that I fail to rant about why we should banish table based design and yet here I sit struggling because I failed to heed my own advice.

I am working on an old website that I built a couple of years ago and I am having a hell of a time with it, all because of my own laziness.

I would like to tell you that I built this site before I knew about web standards and the concept of separating design from layout. I would like to blame the presence of a table to set the basic layout as a mistake born out of ignorance. I would like to tell you that... but I can't.

I introduced one tiny little table. So small you could argue it hardly counted.

When I built this site I knew exactly what I was doing. We had been working with standards for well over a year and I had a fairly good handle on what I was doing. However for one reason or another I cut a corner. I introduced one tiny little table. So small you could argue it hardly counted. All this table did was set the basic two column layout. I argued that the time saved from taking this approach out weighed any "purist" arguments I might have against it. And indeed it did make life a lot easier and we turned the project around remarkably quickly considering its size.

Of course, like all good shortcuts it eventually came back to bite me. Recently the client requested a low vision version of the site like the one we offer on our company website. The problem is that one of the basic principles of low vision design is that content is sorted into a single column to aid readability by those with poor eyesight. Suddenly that little insignificant table has become a real pain.

The morale of the story is two fold, dump those table based designs and don't cut corners for a quick win.

Comments

Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email

  • Post by Adam on May 18, 2006 10:21 PM

    Hind sight is 20/20....

    or

    Website is 20/20?

  • Post by Ross on May 19, 2006 5:58 AM

    There is a huge debate about tables on sitepoint right now, plenty of people simply don't care about the pitfals of tables and claim the benifits of CSS are miniscule.

    In an industry with so many designers, I figured people would seak out any edge they could. Odd that so many people still rely on tables.

  • Post by shatterglass on May 19, 2006 4:54 PM

    See... Tables are like your ex-wife. You loved them once and didn't think you could live without them. And even though you've now moved on to something better, you still have to pay alimony and will never be enitrely free of them.

  • Post by Colin on May 20, 2006 2:57 AM

    I came onto the web standards scene a little too late, and I have a lot of table-based layouts I'm having to maintain weekly.

    Many times, I just want to do myself a favor and recode entire sites for my own peace of mind (but I can't do that kind of work for free.)

  • Post by Ed on May 20, 2006 2:22 PM

    Could you use a bit of DOM Scripting to remove the table?

  • Post by Paul Boag on May 20, 2006 4:39 PM

    That is exactly what I have done ed but its not ideal for those without javascript enabled.

  • Post by Ed on May 20, 2006 4:49 PM

    True, but at least it is a start!
    Maybe there is some server side processing you could do to strip the table out before it even gets to the browser.
    Id could all end up being a bit slow though. Is it time to redesign the site?

  • Post by Andrew on May 21, 2006 11:38 PM

    What about a bit of text replacement? I've always found Dreamweaver's text tools good for a mass update across a site.
    Replace first table cell with a , replace the second one, then the replace the tag with a container and style up your CSS accordingly.
    (working on a copy first of course!)
    I've made it sound so simple but I'm sure you'll say it's not.

  • Post by Paul Boag on May 22, 2006 8:12 AM

    Unfortunately Andrew, text replacement isnt the answer. The low vision version of the site uses exactly the same HTML as the main version. All you do is swap the stylesheet. If I removed the table from the HTML it would break the main stylesheet.

  • Post by James Mitchell on May 22, 2006 3:41 PM

    This problem has bitten me several times (including my personal sites). Now that I am completely table free, I have seriously considered updating all my previous clients with a tableless design at a super discounted rate. Has anyone done that, is it necessary, or am I just to much a 'purist' now?

  • Post by Marcus on June 25, 2006 4:41 AM

    Tables are great

    It seems like tables are faster and more consistant between different browsers then absolute positioning. I see nothing wrong it may not be considered proper and may not be its true purpose [as the thing holding the layout together] but it works better then the proper way.

Leave a comment

Additional Information

Supporting boagworld

Boagworld only exists thanks to the kind support of the following people. Check them out.