jQuery returning different heights for the same objects in WebKit (chrome) and Firefox

Question

Im perplexed by this one.

jQuery.height() is coming back with different values in Firefox and Chrome. Measuring the pixels on-screen indicates that of the two, Chrome ap

Answer 1

I had the similar problem, that seems to be a bug although i am not 100% sure. If for example, a certain element has padding, the innerHeight() didn't show the same result in Webkit and Firefox. As temporary fix, I used both innerHeight() as well as height() to get the right height for that element.

Similarly, I wasn't able to use the height() to show the same across browsers (IE and others). I used something like this that worked across browsers:

$("#element").css('height', '100');

See also innerHeight() and outerHeight() when you want to include padding / borders / margins.