Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am trying to find out why jquery can’t return the actual heigth of the jquery-mobile header, see this screenshot: http://i43.tinypic.com/21epavn.png, the header is 42px high, and jquery returns
>$('body').find('div[data-role=header]').css('height')
"40px"
What’s wrong?
I’m guessing (could be wrong, but my first thought…) that the height of the element is 40px, and then it has a 1px margin/padding/border wrapped around it. Try specifying the following in your CSS:
and see if you still have this problem?
According to Rob W, there is a .outerHeight() function in jQuery which will include the padding in its calculation. Consider using that instead if you don’t want to remove your padding.