html - 100% of content, not of browser height using CSS -



html - 100% of content, not of browser height using CSS -

i have min-height 100% div contains content of website:

#sitewrap { min-height: 100%; width: 100%; }

the above div contains - header, content , footer.

what need overlay absolute positioned div on top (with semi-transparent .png background) sits above entire site, 'fading out' slightly.

i can't seem absolute div fit 100% of site content. spans 100% of browser height. when scroll downwards bottom section of content below height of browser not spanned div.

i have tried div set within sitewrap div won't work:

#loginpopup-background { position: absolute; width: 100%; min-height: 100%; height: 100%; z-index: 1100; background-color: #f39c11; }

(the background colour testing purposes).

any ideas?

use position: fixed instead of position: absolute. login still not 100% size of document cover content when scroll.

also ie should set top: 0; left: 0 prevent unusual layout errors.

html css

Comments

Popular posts from this blog

How do I check if an insert was successful with MySQLdb in Python? -

delphi - blogger via idHTTP : error 400 bad request -

postgresql - ERROR: operator is not unique: unknown + unknown -