G'day
I've read the comments regarding table-less design and have looked at the resources given. I agree that it would be ideal to consign "tables for layout" to the trash can and have built some sites that way already.
I have experimented for days, but have come to a grinding halt on a project that's (surprise, surprise) easily done with a table and seemingly impossible without.
Can anybody give me guidance on how to convert a layout like www.bwdzine.com/table.html (the boxes on the light background) to pure CSS? Or is this one of those cases where tables are sementically the right choice anyway? (It is a catalogue of products)
The look was first set up on www.onepassionplace.com (I know it's tag-soup).
We're setting up a new site (database driven, which gets us away from FP)
and I want to do it "right". Is abandoning tables here "mission
impossible"?
I have experimented with floating divs, but can't re-create the look.
Doesn't need to be pixel-perfect, but has to look tidy. With floats of
different height, the neat rows are thrown into chaos
(www.bwdzine.com/divs.html).
With divs of fixed height and overflow:auto we could end up with lots of ugly scrollbars (or shortened descriptions with overflow:hidden). See www.bwdzine.com/divs2.html - increase font size to see the mess.
Any ideas / clean, working examples?
Tables are just fine. I'm not sure if this is tabular data. Ask yourself the following questions:
* Who benefits from a tableless layout? * Does your clients browsers support sufficient CSS2?
If you are brave enough you could try 'display:table-row' and 'display:table-cell' properties.
Here some examples: <http://www.moronicbajebus.com/playground/cssplay/equalcolumn/> <http://www.juicystudio.com/css-tables/>
It's no fun to mimic table-like behaviour with CSS if browsers doesn't support it.
Tonico
-- Tonico Strasser ?:-) http://Tonico.FreeZope.org
Contact_Tonico at Yahoo dot de
Check out http://www.WebProducer.at
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
