Re: Damn You IE!!! Background problems in IE - CSS-Tricks

May 26, 2010 at 10:19 pm #76598

Participant

Thanks to both of you guys, I found a solution on http://www.webdevforums.com I posted the same question.

To those who might run into the same error of not having the background images **not just .png’s but any image in this case** show up in IE.

My problem was actually in 2 places, one was my CSS and not in the image itself, as suggested by another forum user.

my code read:

Code:

background:url(images/bkg.png)repeat;

but it needed to read:

Code:

background:url(images/bkg.png) repeat;

With a space between my url and the repeat command.

The second problem was located in where my style was styling. I had read somewhere that you can apply CSS to the <HTML> tag; and you can, but it will not show up in IE. So if you are planning on using the <HTML> tag as a place to hold your background image in your CSS then also add in a rule for IE where you apply the background image to the <body> tag of your website, this can also be avoided by just not putting any style on the HTML tag at all and just skipping to styling the body tag as usual.

My footer image wasnt showing either, and the problem was in the CSS with the same problem as my background image.
There was no space between my URL and the repeat command.

Thanks for all the help everybody,
hope my problem can be a help for somebody in the future.