Skip to main content

jQuery Equalize Column Heights

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

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
});

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.