Question

I have two column div layout

<div id="site-wrapper">
<div id="leftSidebar">


</div>


<div id="rightSide">

</div>
</div>

my js

 $('#leftSidebar').height($('#rightSide').height());

However in IE7 it’s adding a chunk of white space at the bottom. Is my jquery correct?

Answer 1

Yes, outerHeight should do this for you.

http://api.jquery.com/outerHeight says:

The top and bottom padding and border are always included in the .outerHeight() calculation; if the includeMargin argument is set to true, the margin (top and bottom) is also included.

So if you have margins:

$('#leftSidebar').height($('#rightSide').outerHeight(true));