another_designer — 2012-03-08T14:43:21-05:00 — #1
I'm watching this 2008 video from Sitepoint. I the information on this video and CSS book still relevant in 2012?
I never heard of CSS tables.
ryanreese — 2012-03-08T14:56:07-05:00 — #2
Hello, I'd say it's relevant.
For those of you who don't know what the OP is talking about. It's just CSS tables (display:table and its children)...it's almost to the point where it can be done throughout every browser. The only problem is that IE7 is still somewhat alive. You'd have to check with your website statistics and see how many users are using IE7. Display:table works right now, everywhere, except IE7 (and IE6 if you even want to go back that far, but that's dead and you shouldn't bother supporting)
I'd say display:table is nice, and even ignoring IE7, it's a good layout tool. Now, note that I've never been in the era of using HTML tables, I jumped straight into CSS (Kevin in the video seems to make CSS seem much harder than it was. I never really struggled or "wrestled" with CSS.) I'd still stick to floating for layouts except for the exceptions where I truly believe CSS tables are the better option. That's ignoring IE7 though. I wouldn't feel comfortable using them quite yet knowing IE7 is still alive. Your call though. It's your website :).
dresden_phoenix — 2012-03-08T18:46:58-05:00 — #3
I woudl say yeah, but in the same context. Asside from the fact that you would be limiting yourself aesthetically ( CSS allows for FAR MORE possibilities.. than emulating tables) you would actually need (or at least should need) the same table structure. That is, you would in essence be replacing <table><tr><td> with <div class="table"><div class="row"><div class="td"> ( or something like that maybe there are different involved... <div class="table"><ul class="row"><li class="td"> comes to mind) . Also if your data is tabular... USE TABLES!!!
The point is, it CAN be done, BUT it should ONLY be done on THE RARE occasion when it fits both the style and semantic goals at hand.