JavaScript
Article

jQuery Equalize Column Heights

By Sam Deering

Simple jQuery code snippet to make your column heights equal.

// Equalize column heights
var tallest = 0;
$('#list, #of, #elements')
.each(function(){
	var thisHeight = $(this).outerHeight();
	if (thisHeight > tallest) tallest = thisHeight;
})
.css({
	'overflow': 'auto',
	'height': tallest
});

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • Chad

    Can’t seem to get this to work. Would be handy in many situations.
    Can you write more instructions?

    Thanks
    Chad

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.