Comments on: Equal Column Height with jQuery

By: Jamie Lomas

Jamie Lomas — Sat, 14 May 2011 15:21:32 +0000

The problem is this script will find the tallest height and resize the columns but it doesn’t recalculate on browser resize. You can force it to recalculate by placing the script also inside a window.resize function.

$(window).resize(function(){
$(‘.equal_height’).height(biggestHeight);
});

Code not tested but i have used somthing like this on a few occasions.

Hope that helps

By: dselva

dselva — Thu, 14 Oct 2010 09:52:03 +0000

Great jquery snippet.. Thanks

By: vv

vv — Wed, 13 Oct 2010 16:35:21 +0000

I have a problems with chrome too, is there a fix ?

By: James Doc

James Doc — Fri, 28 May 2010 15:13:38 +0000

Sure, the testing site is at:
http://student.dc.lincoln.ac.uk/~u08107263/vilamaninga/index.htm

So far I have only done testing in Chrome and FireFox

By: Slobodan

Slobodan — Fri, 28 May 2010 02:00:26 +0000

Actually it shouldn’t chop anything. The way i made it is to get the tallest column height and make the rest of the columns that height.
James can you give me a link to the page so i can check it out.

By: admin

admin — Fri, 28 May 2010 00:39:19 +0000

well of course it is cutting content you are making the columns equal height! you can try oveflow:auto and it will add a scroller!

By: James Doc

James Doc — Thu, 27 May 2010 14:39:00 +0000

I’m using Chrome v5 to implement this code, and both columns are being resized to 410px high, chopping a lot of content. Is there a fix for this?

By: Clarke Isackson

Clarke Isackson — Mon, 21 Dec 2009 16:59:38 +0000

This is an excellent and very useful example, not to mention the value of you whole site.

Keep up the great work.

By: Carsten Berggreen

Carsten Berggreen — Sat, 21 Nov 2009 04:13:15 +0000

Hi there, resizing might introduce a little problem for some browsers. I am testing with latest Chrome and the text goes beyond the box when browser gets smaller. Could a onResize event be implementet perhaps? Another thing, why not make an outside DIV with display:block setting? wouldnt that do the trick too?

By: Boba

Boba — Sun, 25 Oct 2009 23:30:48 +0000

Glad to help