How to make a div 100% of page (not screen) height?

Question

I\'m trying to use CSS to create a \'greyed out\' effect on my page while a loading box is displayed in the foreground while the application is working. I\'ve done this by c

Answer 1

If you are using jQuery to set the height before the popup I'm guessing it is OK to add some more javascript :)

You can set the height of the div to the scrollHeight of document.body - this way it should cover the whole of the body. You do need to add some extra trickery to make sure it keeps covering the body in case something underneath decides to grow though.