The Web Squeeze: Using Display:table - The Web Squeeze

So I'd like to start using display: table for some layouts, however as I'm sure you all know, IE 6 and 7 doesn't support it. Anyone know of any good workarounds for this so that it can still be used without screwing up in IE? (That is without conditional IE statements...)

I use {display: table} (and its family members) on my website. However, I consider that to have been a mistake.

There is no universal substitute for {display: table}, other than using an actual HTML table. Depending on what you are using it for, however, there are specific hacks. For equal-height columns, you can use a javascript hack (I do).

If you're trying to do this entirely without conditional comments, all I can say is...good luck. I expect you'll need to use javascript browser detection instead, which is less trustworthy.

With the benefit of hindsight, I would steer well clear of this unnecessary code forking, and save {display: table} for when all major browsers can handle it.

Equal height, flexible columns with CSS I'm sure ive posted before but here again.

I still see no reason to use display:table

rich97, on Jul 2 2009, 11:10 AM, said:

Wait, I found the original!