Thanks webwiz, that actually

chlab — Thu, 05 Aug 2010 08:36:59 +0000

Thanks webwiz, that actually works perfectly in FF. In IE 8 though, the background fills the screen, but the page is below it - so it's not absolute anymore. The z-index is the higher than any other element on the page, but it won't "float" over the page like it's supposed to. Is your solution working for you in IE >= 6?

The usual way of covering the

webwiz — Thu, 05 Aug 2010 01:08:18 +0000

The usual way of covering the viewport (the visible part of a page) is to use fixed positioning. Thus your "modal popup" or "layer" would have this CSS:

position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;

Note that you don't specify any width or height.

Sadly, Internet Explorer prior to version 7 does not support "position: fixed." I believe there are JavaScript work-arounds.. but I'm more of a CSS guy.