CSS: Equal Columns

Hack free, image free, and Javascript free. Works in all browsers.

The easiest way to make columns equal height is to put a container around the columns which will force the container div to be the size of the longest column. Then float the columns.

There’s a bit more to it, but that’s the basics. See http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks for details.