Question

I have images who are set to display:none. I am using javascript (document.getElementById('elem').height) to get the height/width of these images.

This works in other browsers, but IE reports the height to be 0 (presumably due to the fact that its display is set to none – because when I remove the display:none, the height is reported correctly). I tried wrapping the images in a div and setting the div’s display to none instead of the images – but this didn’t work either.

What is the typical work around for this?

Answer 1

Try this:

1. Position it offscreen
2. set it to display:block
3. get its height
4. set it back to display:none
5. re-position it back where it was