Page 1 of 1

Background Image Cut Off in IE6

Posted: Tue Apr 14, 2009 9:57 pm
by ninethousandfeet
i am stuck on a problem with IE6 and my background image. if i make the browser window small in IE6, then scroll down to view all of the content, my background image gets cut off and content ends up on white space rather than on my background. also, IE6 is not placing the footer properly on the bottom of the page. the footer image should be completely on the bottom of the page. please feel free to view the home page in IE6 to see what i'm talking about... and here are relative css rules:

Code: Select all

 
body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #FFF;
    font-size: 13.5px;
    font-weight: lighter;
    letter-spacing: 0.5px;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
#container {
    position: relative;
    min-height: 100%;
    z-index: 2;
    margin-bottom: -486px;
}
/* mac hide \*/
* html #container{
    height: 100%;
}
/* end hide */
#clearfooter {
    clear: both;
    height: 486px;
    width: 100%;
}
#background {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
}
#footerIndex {
    position: absolute;
    text-align: center;
    height: 486px;
    width: 100%;
    bottom: 0px;
    z-index: 4;
    overflow: hidden;
}
 
on a side note, no browsers currently bring up a left/right scrollbar for when the window is made smaller from right to left... any ideas here? my main concern now is the white space showing in IE6.
thank you!

Re: Background Image Cut Off in IE6

Posted: Tue Jul 28, 2009 6:28 am
by maneetpuri
Hi,

I can suggest better solution of your problem if you could provide me the HTML or Send me the URL.

Cheers,