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
Post a Comment