CODEWITHSUNDEEP
jquerycssjquery-selectorsheight
Britney Spears
Britney Spears

Reputation: 33

jQuery container height() not calculated properly

$('.container').height(); gives the wrong value when it's child elements have spacing CSS attributes on it:

<div class="container">
  <div style="padding: 10px;">
      weiorng3poin4gr9p34ng9p34n5g934ng5o43ng534g
      <div style="margin: 20px; ">
         eiong349ng49ng934ng59p34n5g439g5
      </div>
  </div>

</div>

How can I get the correct height of .container ?

Upvotes: 3

Views: 2882

Answers (1)

ShankarSangoli
ShankarSangoli

Reputation: 69915

Does the container <div> have any padding/margin/border? If so, you can try this:

$(".container").outerHeight(true);//will consider margin and border width as well.

Upvotes: 3

Related Questions