Comments on: Equal Column Height with jQuery

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

By: Dale Watkins

Dale Watkins — Sun, 25 Oct 2009 23:00:06 +0000

Great tip! I knew this was about to come up in a design I’ve been working so I’m excited the solution is right here.

Thanks!

By: TutsValleyがEqual Column Height with jQue… | yuxu's notebook

TutsValleyがEqual Column Height with jQue… | yuxu's notebook — Sat, 24 Oct 2009 10:53:35 +0000

[...] TutsValleyがEqual Column Height with jQueryというエントリーで、複数カラムの高さをjQueryで統一するチュートリアルを掲載しています。 [...]