Tableless Design: Not ready for prime time!

Here we used to have an article about how hard it was to deisgn an HTML page wihtou tables back in 2003.

Since the web browsers have evolved a lot since then I have removed the examples becaus ethey required custom CSS to be injected in the CMS running this site.

Here are still a few paragraphs from the original article that still make sense:

I will restrict my rendering tests to Internet Explorer 6.0.2800.1106, Netscape Navigator 7.02 and Opera 7.10 (build 2840) on Windows. I think everyone would agree that if something won't work with the latest versions of these three most used browsers, it is definitely not ready for prime time!

With tableless design - i-e with the use of CSS styles instead - you should theorically be able to not only preserve semantic intelligence and accessibility of your document, but you should also be able to improve the "liquid flow" of your design, that is to say, the second picture should go under the first one when the browser width is insuficient.

Well, at least, if it doesn't improve the liquid flow, you should be able to get the same layout. At least!

And you actually can get the same layout... sometimes!

Most browsers will not render CSS the same way depending on the doctype of your document. You need to watch that carefully to make sure you activate standards compliant mode in all browsers.

Then you can play... spend hours trying to get that damn thing to look like the intended design...

ooh! I like that one! ;)

“Talent… is most likely to be found among non-conformists, dissenters, and rebels.”

– David Ogilvy

htmlArea

Turn any <textarea> into a WYSIWYG editor.

Quote of the day - Computers and programmers

“A computer is a stupid machine with the ability to do incredibly smart things, while computer programmers are smart people with the ability to do incredibly stupid things. They are, in short, a dangerously perfect match.”

– Bill Bryson.