equal height columns based on
CSS table

This is a box

So, you want equal height columns even in IE/win? Well, here they are.

IE/win gets the height for these columns from an IE-expression, based on the height of the entire container.

This is another box

This box has more content than the others. If all boxes were table cells, the cell with the most content would decide the height of all cells. It works like that here too, but this is not a table.

Instead, display:table, display:table-row and display:table-cell are used to make divs behave like table cells. Excellent. Too bad it doesn’t work in you-know-which-browser. It does, however, work in modern browsers like Mozilla, Opera, Safari, Firefox, OmniWeb, Camino, and Netscape.

IE/win gets some CSS rules it understands, to make it simulate at least parts of such a CSS table.

This box has even less content. Anything in it is vertically centered – even in IE/win.

see: 456bereastreet: Equal height boxes with CSS, part II for the original and information.