Question

I hate fiddly css and formatting, everytime I think I have cracked it, another problem comes up and I just ended up trying things out until it works – like a noob. Oh well.

I have three 3 divs, one container, and two inner divs. One of the inner divs has text that can vary in height, the other is just checkbox, but for stylign reasons I want to have the same height as other inner div. Setting height 100% (of “filler”) just fills page.

<div class="container">

  <div class="heightSetter"> contains wrapped text, and varies in height </div>

  <div> class="filler"> other stuff, that I want as same height as height setter </div>

</div>

Maybe a table would be better, but for now any help/answers/advice on this specific problem gratefully received.

Cheers!

Edit
Just found this from a previous question/answer, using jQuery and on document ready. Just tested it, work likes a dream.

$(".filler").height($(".heightSetter").height());

Edit 2
jQuery absolutely rocks, must have saved me so much dev time on this and other problems.

Answer 1

$(".filler").height($(".heightSetter").height());