After many lengthly debates and loosing battles defending TABLES over CSS...
I can clearly see why CSS is better, but I have one nagging problem...
CSS designs never seem to be a *fluid* or *liduid* or *dynamic* as table based layouts...
Take at look at: http://www.csszengarden.com/
When I resize horizontally...the layouts start to jumble up...
For instance, that little red hut at the far right when I resize to something smaller...ends up becomming misaligned with the "Select a design" text below it...
I seriously truely hate that...so much to the point...I would stick with TABLES just because...further making the web non-accessable to some
Everything else about CSS makes total sense to me and I'd be completely sold on the idea if it were possible to create scalable designs using CSS...
but when I read articles, visit CSS advocacy sites, etc...I always test that scaling issue...
I resize horizontally and check if the menu bar breaks onto new lines...if columnar designs become misaligned, etc...
I just want a design that renders perfectly on at least IE and FF and with tables...I know I can do that...
Also I hate when designs don't scale larger than default browser windows...
for instance...you load up a page...and everything looks wicked, as the menubar fills the width of the screen, with the last menu item being a percentage based DIV and the 3 columns below fit the screen nicely (left=navigation, center=content, right=news feeds, etc)
Then you navigate to some page edited by a WYSIWYG editor and the PRE tag causes text to go on horizontally pushing the browser to horizontal scroll mode
When I scroll right to read the content, the menubar doesn't extend to the very end, but rather only fits the current browser window...
I know this can be an issue in TABLE layouts as well and is corrected by using a single container TD or DIV and setting it's width to 100%
Can this be accomplished in CSS???
Also the vertical alignment of TABLE's using valign="center"
I often find that handy when I am displaying error messages, etc or psuedo dialog boxes...
Using CSS I haven't been able to figure out a way to center a dialog box without going the javascript way and centering the window within it's parent container...
Just curious to your thoughts on the subject
Cheers