Set adjacent css columns to the same height

This one’s been driving people nuts since we made the switch to css layouts from tables. With a little jQuery, here’s the solution I’ve used.

Just change “div” to the selector of the elements you want to equalize.

[js]var maxHeight = 0;
$(‘div’)
.each(function() { maxHeight = Math.max(maxHeight, $(this).height()); })<code>
.height(maxHeight);</code>[/js]

Once again, thanks to StackOverflow for the solution.