I recently got to see the web site that I am building on a PC with IE6 and my background image loaded OK except it wasn’t as a background. The image was on top and you had to scroll down to see the contents of the page which were there OK. Has anyone encountered this and what should I do to fix it? Thank in advance, Bob
It sounds as though you placed this image as a foreground image – i.e.: you put the image in a box in your layout, and sent it to back. If you position an image as Fixed in Window, IE will fall over and die of confusion, and show the image as if it was an inline image.
A real background image is placed on the page using the Page Inspector’s style tab (second from the left).
Walt, I inserted the background image using the “Full Background Proportional Action” on my master page. It behaves just fine in other browsers that I have been able to check.
Could you post a link to the page so we can take a look at the code? I am not familiar with that Action, but if it ends up placing the background image as a non-background image (that is, an actual positioned foreground image shifted to the back-most z-index) then I can easily see this happening in Explorer, since it doesn’t understand position:fixed, and treats it as position:relative instead.
Yup, this isn’t going to work in IE 6 (and maybe not even 7). It might work in IE8 and above.
The problem is not fixable the way the page is currently coded, so I recommend you ditch the Action and try to use a normal background image + background color instead.
Set the image to center horizontally, and to stick to the top of the screen, and then un-check the Background Scrolls property. That will give you similar positioning to what you currently have, but it will not scale to fill the browser from left to right, so you’ll have to pick an image size that works in the majority of your visitors’ browsers, and make sure that the edges of that image “die” into your background color perfectly.
On another note, you might want to blur that image significantly, it’s got a lot of contrast to it and makes it difficult to read the text that’s “over” it.