Question

Maybe it is a stupid question, but I’d like to know if there is a “power” function that get to me the real height of a div, counting also the “display:none;” height for each element on it.

Is it just a dream?

Answer 1

I’d say that the height you’re asking for is less “real” than than actual display height. You have a few options:

1. Use visibility: hidden instead
2. Display all of the div’s descendants, get the height, and hide them immediately
3. If number 2 doesn’t work (elements are visible for too long possibly) clone the div, make it offscreen (position: fixed; top: 100% should do) and try #2 on that div.

http://jsfiddle.net/jrrdp/1/