Hello Everyone,
Im having an issue with IE and my bg image. I have a small slice of a bg gradient and would like the image to stretch its height to 100% of the browser height.
I have a div set to:
div#holdBg{ width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 0;}

In FF, the height is 100% of the browser height. However, in IE the page scrolls on for a long while, even though there is no content yet.
I dont really want to use max-height because the client will be adding content so Im not sure what the max-height would be for certain pages.
You can check here to see the issue:
http://www.geneva-scientific.com/index.htm
Just wondering if there is a better way to do this?
Thanks,
Put your background image on
Put your background image on the body element where it belongs. Forget the absolute positioning and the Z-index stuff. Using a separate DIV to do nothing but hold a background image is just a waste of code.
Thanks for the reply Ed,
Thanks for the reply Ed, however, this does not solve my problem of having the bg image stretch to 100% browser height. Seeing every page has different amounts of content I need to be sure the bg gradient stretches the length of the browser.
css2 doesn't support
css2 doesn't support resizing background images, css3 will do (not yet though obviously!).
here is something you can do
http://www.markschenk.com/cssexp/background/index.html
which achieves a similar effect to what you want, but it's not a great solution.
Thanks for the link... Ill
Thanks for the link... Ill work on it.