PDA

View Full Version : CSS tables



Mattayo
04 Dec 2008, 11:11 PM
So recently I found an article about CSS tables using the display property.

http://www.thinkvitamin.com/features/css/tables-the-next-evolution-in-css-layout

I gave up table based layout a while ago and got float layouts down pretty well. Just when I thought I was using the most current way of doing layouts, I hear about this. I've checked w3schools and just general looking around and I'm having trouble finding a tutorial that explains this property. When IE 8 releases every major browser will support this property. (barring people who stick with IE 6 and 7) I'm asking if anyone can show me a good tutorial on how to use this property for layouts?

Wickham
05 Dec 2008, 02:07 AM
I think the same advice is still relevant, use divs and CSS for page layout, use old tables or the new CSS table codes only where tabular content needs setting in regular rows and columns.

CSS tables will allow more efficient styling of tables to suit the rest of a page, but you can do a lot with old tables. You can already use classes and ids with the old-style tables for individual td tags, etc to set different colors or borders, etc. However, old-style tables tend to be completely separate parts of a page but the new CSS tables will mean that bits of a table can be integrated into the rest of a page better.

The article says CSS tables (which, once IE 8 is released, will be supported by all major browsers). I don't quite understand that comment, unless, of course, that IE is the only browser that doesn't support css tables right now and others like Opera already do. Edit: I found this and it’s the last major browser to come on board with this support. on
http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/


What happens to IE5,5 and IE6 users?