Thursday, November 19, 2009

CSS display:table - the end of the floated div?

http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/

basically, the old html table structure now is available in CSS making it much easier to make 3 column equal height layouts and image caption grids and so forth... - im trying to find out what browser support there is for this - like does IE6-7 have css display:table-cell properties??

ahh if you read the comments, it lacks...
-workingness in IE6-7
-ability to change around the source order for ultimate SEO
-buggy with % based widths that contract relationally

also
A problem for within-content-area layouts is that you loose the ability to position items absolutely within relative blocks. see...

heres an example of a tutorial on this that includes IE 6+7 workarounds. it is interesting but involves giving IE table tags in the source within conditional comments. I dont like how jumbled the markup becomes... it will all have to be removed eventually....

im not really into this, although i have used a table display thing to get vertical centering before which worked ok.