jQuery Equal Height Divs
Posted
by griegs
on Stack Overflow
See other posts from Stack Overflow
or by griegs
Published on 2010-04-12T04:00:18Z
Indexed on
2010/04/12
4:03 UTC
Read the original article
Hit count: 406
jQuery
|jquery-plugins
If i have the following harkup;
<div>
<div>
<div id='sameHeight'>One<br>two<br>three</div>
<div id='sameHeight'>four</div>
<div id='sameHeight'>five</div>
<div>
<div>
<div id='sameHeight'>four</div>
<div id='sameHeight'>six</div>
<div id='sameHeight'>seven<br>eight</div>
<div>
</div>
How can I ensure that all divs marked as "sameHeight" are the same height as their counterparts in the other div?
I had a look at equalHeights plugin but that assumes all divs side by side are in the same parent. I need one that can either traverse parents or allow me to specify parents.
Is there such a thing or do I need to write it?
© Stack Overflow or respective owner