2 replies [Last post]
Bigdawg
Offline
Enthusiast
Last seen: 15 years 51 weeks ago
Joined: 2003-12-16
Posts: 65
Points: 0

This one is baffeling me! In my css I have it to display a jpg, Mozilla always displays it but IE never does. I even tried it with a jpg that was small but it is never there in IE. Cleared all my cookies etc several times but the same always happens. Here is the css

#main {
margin: 0 0 0 16px;
padding: 166px 10px 10px 10px;
width: 358px;
height: auto;
border: 1px solid #696969;
background: #FFF url(mpls.jpg)no-repeat top left;
float: left;

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 11 years 36 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Mozilla displays, IE does not!

There should be space between url() and no-repeat. and don't forget to end the css rule.
Next, make sure it's referring to the correct location of the image.

If it doesn't fix it try separating it out a bit to find out where it my be going wrong:

#main { 
margin: 0 0 0 16px; 
padding: 166px 10px 10px 10px; 
width: 358px; 
height: auto; 
border: 1px solid #696969; 
background-color: #FFF;
background: url(mpls.jpg);
background-repeat: no-repeat;
background-position: top left; 
float: left;
}

I am Dan, Dan I am.

Bigdawg
Offline
Enthusiast
Last seen: 15 years 51 weeks ago
Joined: 2003-12-16
Posts: 65
Points: 0

Mozilla displays, IE does not!

That did the trick thanks! Laughing out loud