What’s wrong in IE
Tue
01
Jul
2008
I have a problem with my theme. Nothing major really but rather bothersome to me. The image on the left is how my site looks in the Flock Browser and that is how it is intended to look. The next screen shot on the right is how it looks in Internet Explorer. It is missing background images for all images governed by the footer, flickr, flickr265, img-right, & img-left div tags.
Below is my CSS for the following tags….
.img-left {float: left; padding: 3px; background: url(img/wrapperbg.png)repeat top center; border: 1px solid #666666; margin: 6px;}
.img-left img {border: 1px solid #666666; }
.img-right {float: right; padding: 3px; background: url(img/wrapperbg.png)repeat top center; border: 1px solid #666666; margin: 6px;}
.img-right img {border: 1px solid #666666; }
#footer { text-align: center; background: url(img/footerbg.gif)repeat bottom center; color: #666666;}
#flickr {text-align: center;padding: 3px; background: url(img/flickrbg.gif)repeat top center; border: 1px solid #666666; padding-top: 25px; padding-bottom: 25px;}
#flickr img {border: 1px solid #666666; background: url(img/wrapperbg.png)repeat top center; padding: 3px;}
.flickr {text-align: center;padding: 3px; background: url(img/flickrbg.gif)repeat top center; border: 1px solid #666666; padding-top: 25px; padding-bottom: 25px;}
.flickr img {border: 1px solid #666666; background: url(img/wrapperbg.png)repeat top center; padding: 3px; width: 80px; height: 80px;}
.flickr365 {text-align: center;padding: 3px; background: url(img/wrapperbg.png)repeat top center; border: 1px solid #666666; padding-top: 25px; padding-bottom: 25px;}
.flickr365 img {border: 1px solid #666666; background: url(img/footerbg.gif)repeat top center; padding: 3px;}
In the Nekkid theme Melissa gives a CSS sheet to make fixes for IE… Do I need to add something to it to make it look right in IE?
Comments
At the minute you have:
background: url(img/footerbg.gif)repeat bottom center;
Try:
background: url(img/footerbg.gif) repeat bottom center;
or
background: url(http://dementedturtle.com/img/footerbg.gif) repeat bottom center;
or
background-image:url(img/footerbg.gif);
background-repeat:repeat;
background-position:bottom center;
}
IE can have the strangest of hiccoughs sometimes. Good luck!
Noticed it wasn’t fixed yet. I tried out the code and it’s just one small thing:
background: url(img.jpg) repeat top center;
Put a space before the “repeat top center;” and it will work in IE.
Thanks you two. I will look into those suggestions. I do hope that they work. If all else fails I willhave Melissa look at it since it is her Nekkid theme.
I added the fixes & both of you where right. Thanks so much!
Post a Comment