Hypocrisy of Tableless Design Advocates

So you’ve got a site and you want to say how great “standards” are, and “standards” now means that a certain way of developing things is better than another, equally standards-compliant way. Tables, they opine, are bad for layout, despite the fact that they are better and more consistently supported by browsers and accessible readers than relative or absolute CSS positioning of <div> tags.

How should you present this revelation to the widest audience possible?

Use tables for layout, of course.


Even better, you should brag about your redesign and how it validates.

Oops, it doesn’t validate to the loose standard you set for it.

Now they say that older pages won’t validate, but shemp on a shingle, shouldn’t the article where you brag about your standards-compliant redesign validate?

These are not errors introduced by commenters, but first-day-of-standards-compliance-class errors.

Now, check out the version of the Evolt article on the site of the author.

Yaaaay, he uses standards, and look, ma, no tables. Of course, his design is trivial, something that wouldn’t cause a talking browser for a blind person a startle if they’d done it in Netscape 4.x compliant-code. So in the case of a toy design, it works.

Do these people not code sites for clients based on designs given to them by designers who work in Photoshop? That’s the way things work in the real world, kids.

I have tried my damnedest over the past year to code table-free, or at least table-minimal, sites. At first my productivity plummeted. Sure, it’s a new thing, even though I’d been writing standards-compliant code since 1999. But this table-free thing I’d avoided. So I gave it a shot. So as I learned the tips and tricks–and there are more and more subtle tricks for CSS+divs than there are for table-based design–my productivity went down to about 20% above where it had been before when I used mainly tables for layout and CSS 1 for trivial, well-supported applications (mainly to replace font tags).

Still, every site requires me to grab another CSS+div coder at work and wrestle through issue after issue to achieve something it takes me far less time to do with tables. Some of them become Mozilla bugs that the coders of THE MOST STANDARDS-COMPLIANT BROWSER IN THE WORLD tell us are the fault of bad standards.

Now, my colleague usually shoots back, do I want to return to 1998, single-pixel gifs and font tags everywhere?

No, that’s a straw man, and a year ago, noted table-free hysteric Zeldman conceded this.

There’s no reason not to use CSS 1, non-box model stuff. Heck, for lots of things you can use the padding attribute safely. You can do some nice stuff to correct the problems with forms. You can definitely strip out all your font tags.

Every response I’ve read to Zeldman’s article above reads like “duh, that’s what we meant anyway,” or “well, you should just design to a standard, not to a browser.” However, Web sites are viewed on browsers, and if you think you can design to a standard and please your clients consistently, good luck. Even ESPN redesigned their site but put in a fair number of browser hacks and tested, tested, tested in browsers. In the end, you are designing for browsers. People may say “well, designing to a standard doesn’t mean not testing in browers,” but designing without a browser or two in mind means you’ll forever be re-implementing things to work around browser bugs. Because every last one of these sites defends some new practice by saying “it works in Mozilla.” If it didn’t work in Mozilla or any other browser, would they use it? They’re designing for Mozilla, not standards. And that leads to user-contempt and unemployment.

Quite simply, if the person paying you thousands of dollars to create a site for them uses Netscape 4 or IE 5 for Mac OS 9, telling them “your browser is teh suck, j00 are a l4m3R!!!” is a quick way to be fired.

I wish standards-compliant CSS positioning worked, I really do. float would be a wonderful property to use without testing it five thousand ways from Sunday because of the differing interpretations of standards and just plain bugs that exist. However, it isn’t, and though I may occasionally struggle to replace it, I have to concede defeat. I just can’t do it fast enough to make commercial sense. Maybe some of these guys who write articles on table-free design can do it, but since they point to their personal sites rather than working professional designs for paying clients, I sincerely doubt it.

5 thoughts on “Hypocrisy of Tableless Design Advocates

  1. aaaah gad dammit!

    Thank you!

    I couldnta said it better myself. I just came from a site called browsehappy.com…

    now we all know that IE has been slated coz of bugs and vulnerabiliities, but geez, they’re slating IE based on articles posted in 2004, not taking into consideration the leaps that old Bill has taken to correct his sh!t.

    I like IE, and it irritates me everytime my colleagues on Opera and Mozilla slate it saying ti doesn’t conform to standards… I say as long as i’m able to view 100% of the sites online without the pages breaking and getting disjointed, i’m happy with IE, YOU go try that with ol’ Opera and tell me about it.

    before browsehappy i was at w3csites.com

    anyways, i never really took to the tableless design craze, mostly for the same reasons you’ve expressed here.

    Let the guys who do this for a hobby go ahead and spend an extra 10 hours validating their css FOR each browser out there. As a professional, i don’t have the project time and money to sit and keep opera,firefox,safari and whatever else happy because of their different interpretaions of the “standard”

    all browsers know what a table is, and that is just fine with me.

    cheers mate

    Like

  2. To Hell with TABLELESS DESIGN………..

    Why can’t all these browser company be complaint to one single standard.Why should Web Designers run around to position the design according different bugs they have created.

    Have anybody noted once these pages with tabless DIV tags are downloaded for offline browsing the entire site goes like “HAYWIRE” this way and that way if one of the CSS files is not downloaded properly.

    To satisfy Google search some “bonkers” have mass propagated that Tables are heavy and it cannot appear in Search engines.

    W3C must bring in some new way to curb such false notions.

    Like

  3. I couldn’t agree more. Unfortunately we haven’t succeeded in killing off IE yet, so we have to live with using tables. Also, CSS needs to grow up so that I can take DIVs and snap them into place with some kind of position logic like “top left”, “bottom right”, “bottom middle”, etc. and then use margins to nudge the divs across other things. I also need some kind of wrapper so that things stay inside their container and I can snap them into things like “top left”, “top middle”, “center middle”, within that container.

    Like

  4. I also just noticed “Matcher”‘s insightful comment about offline page downloads. Yeah, I didn’t think about that. If you don’t use tables and you download the CSS for an offline page, it’s almost not readable in many cases.

    Like

Comments are closed.