The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Equal Height Blocks for more than one DIV? Re: Equal Height Blocks for more than one DIV?


The only trick to the code from that post, and my plugin version, is that all of the divs should have the same class name.

If you want a script to do each row individually, then make the top two divs have the same class name and the bottom three have a different class name. There is also this example from jQuery’s map() instructions that will also equalize heights. It just looks for the “div” tag, so you’ll need to use the class name for each row, separately.

It would be easier to help you if you shared the HTML and javascript you are using.