Comments on: Very quick equal-height columns in jQuery

By: Tim

Tim — Sat, 26 Jun 2010 03:29:02 +0000

Great little snippet! Thanks for the help…

By: Daniel

Daniel — Mon, 17 May 2010 14:15:46 +0000

@ Paul Irish: Thank you man! your small function is much better then EqualHeights plugin, I tested in all browsers and your script doesn’t have show any browser bugs.

Perfect, Thank you!

By: Antoine

Antoine — Sat, 19 Dec 2009 20:29:10 +0000

I confirm the issue with Chrome using Paul’s function.
However, it is still a must !

By: Sebastien G.

Sebastien G. — Thu, 12 Nov 2009 15:45:39 +0000

Well… I’ve tried this method already everything is working fine on IE and Firefox but when I tried it on Google Chrome, everythings seems to worked fine until a refresh (when I browse onto the site everything is fine… only on refresh) the page where I used that snippet.

Any ideas anyone ?

By: SohoInteractive

SohoInteractive — Tue, 21 Apr 2009 04:39:26 +0000

I think this is the simplest solution for equal height dilemma.
I’ll test it on all browsers before give it a “go”

Thanks

By: Paul Irish

Paul Irish — Wed, 21 Jan 2009 18:42:32 +0000

I wrote and use something pretty similar:
$.fn.setAllToMaxHeight = function(){ return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) ); }

// usage: $(‘div.unevenheights’).setAllToMaxHeight()

By: icaaq

icaaq — Wed, 21 Jan 2009 18:23:30 +0000

Nice 2 line of code snippet :) but isn’t offsetHeight more accurate?

icaaq

By: Rob Glazebrook

Rob Glazebrook — Tue, 20 Jan 2009 14:27:22 +0000

Excellent work, Peter. And I’d agree… a plugin is useful for those who don’t know jQuery well, or have many elements to adjust, but your two-line solution is impressive and elegant. I’d never thought of using the ‘max’ function… that’d help simplify my stuff significantly. Thanks for sharing!