How to make the height REALLY 100%

Question

in CSS when you set something\'s width or height to 100% it really only sets it to 100% of the browser window. Is there any way to make it 100% of the whole page?

Le

Answer 1

Simply apply position:fixed to the element. If this is an overlay:

#overlay 
{
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    height:100%; 
}

Note: fixed is not supported by IE6