CSS Background Image Issue

HTML & CSS
1

Hoping someone can help, on the following page when viewed with IE6 the background image behind the middle section of the page (the browse products menu & shoe images) the background does not show up, it’s pushed down below the middle section of the page.

If you view this in IE7 or IE8 you’ll see the background image is fine.

The css that calls the background image is:
<code> #mainarea {background-image:url(images/stripebg_brown.gif); background-repeat:repeat; overflow:auto;} </code>

Anyone have any idea why that background image, which is repeated, is pushed below the area where I need it, but only in IE6 ?

Thanks for your help

2

Hi, it’s possible that it needs haslayout. Give #mainarea “zoom:1;” or some other haslayout trigger (like width:100%)

Untested:)

Edit:

You say it’s appearing but not in the right spot…gimme a few minutes

3

Hi, I acutally don’t see the issue?

4

Hmm…maybe it’s only on my IE6 ? What you should see on IE7 or IE8 is are brown slanted line, slanting left, this is the background of the middle area of the page www.pelleline.com/store.

In IE6 what I’m seeing is that the background gets pushed down so that it sits behind my footer menu at bottom of page, and not behind the main middle area of the page.

Let me know if you still don’t see that

5

Hi, perhaps showing me a screenshot of IE7 or 8 and thent IE6.

I don’t see it :).

6

Here they are, s1 is how it should look, and how it renders in IE7 and higher, s2 is the problem, it is IE6.

http://www.pelleline.com/images/s1.jpg

http://www.pelleline.com/images/s2.jpg

Thanks man

7

Sorry to say this but my IE6 is displaying identically in FF in those regards. My IE6 isn’t displaing like adobe browserlabs :frowning:

8

could it be that the parent element is collapsing? I am on a mac , so I cant see IE, but I have found that IE is particular about floats within floats. try using a <span style="clear:both; display:block;> </span> right before you close the div which is supposed to have the background and see what effect that has

9

It’s possible, and that may be it. I could certainly see that being a potential issue at play here, although there are too many things it could be.

Could anyone else with Windows possibly confirm anything? Aka, if they are seeing anything at all wrong?