Background image not showing in IE 6, but other browsers ok

My background just doesn't diplay in IE6, but looks fine firefox, etc.

Here is the CSS:

#wrap { background: url(img/bg.png) repeat-x; overflow: hidden; padding: 0px 0px 0px 0px; }

Am I doing something wrong? Any help would be great.

thanks

 

your code should look like this:

#wrap { background: url('img/bg.png') repeat-x; overflow: hidden; padding: 0px 0px 0px 0px; }

this is what you need to change:

('img/bg.png')

add ' to wrap around the URL

it should work!

 

hmm didn't seem to work, would it help if I swtitched it to a .gif?

 

Actually it doesn't change a thing. Typing quotes for url()'s is pointless and a waste of typing (unless you do it to differentiate the quoted text in a text editor) and I believe it chokes on IE5/MAC.

I'm 99.9% sure by that rule that he didn't trigger hasLayout. One of the ways you can do it is like so:

That or you can set a height of 1% (but will run into overflow problems unless you reset it to visible for ie6 only), zoom and a value, width, and there's more ways to do it but those are the simple triggers.

 

thanks! do you have IE 6? (I don't on the machine I'm on now) Would you mind looking at it if you do? I'll send you the url.

 

Yep, I can see it.

 

Try it with the following line

img{position:relative;}


Thanks

 

^ background image != image

 

Mac-IE is a dead browser anyway. Stop trying to support it, unless your client/boss tells you to (assuming you like getting paid, that is).

This does seem to be a hasLayout issue anyway. Mojave, can you please post the full HTML and CSS code for this page your'e working on?

 

Silly question, but is your background an alpha transparent .png? Those won't show in IE properly if at all.

As to some of the responses so far, like styling image or adding single quotes - just... wow. If you don't know enough CSS to know those do nothing, please... save yourself some time and embarrassment.

I suspect though that as Dan suggested it's a haslayout issue, or the .png itself is incompatible with IE. Either way we need to see the ACTUAL code, and the ACTUAL image involved to be any real help.

 

Whats funny or NOT so funny is that I have the same problem and I just searched google and found this thread ..

Funny huh

Anyhow

Instead of making anew thread ,

Maybe we can kill to birds with one stone

My code

My page is

http://plumbingskool.com/copper-pipe/different-grades-of-copper-pipe.html

It works fine in IE7 and FF , just not in ie 6

See the water drops ,.....Now look in ie 6

I hope that "DAn the man " can help us both

 

Try:

.entry ul
{
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}

.entry li
{
background: url(images/step.jpg) no-repeat 1em;
padding-left: 60px;
margin: 1em 0;
position: relative;
}

 

WOW - AL MOST

I see the images now BUT in IE6 ONLY , I also see black bullets...

Can you tell me how to rid of them

Thanks again for the first response

 

Usually .entry ul
{
list-style-type: none;

gets rid of the bullets, but I've had IE6 add them in anyway... so I repeat myself on the li's too:

.entry li {
list-style-type: none;
}

Not sure why this is, maybe IE6 has in inheritance problem, cause this declaration really does belong on the UL.