[SOLVED] Background image and colour doesn't show in internet explorer
 

Hi,

I've just spent ages working out how to get a non-repeating background image and then making fade into a solid background colour. I did all the design and testing in chrome and now I've just tried it internet explorer and the site shows up perfectly, but no background picture and just plain white colour.

Here's the website: http://taylortaylordiscos.com/

and here's the "body style" code I have:

font-family: tahoma, arial, sans-serif;
font-size: 0.8em;
color: #000000;
padding-top: 50px;
padding-bottom: 50px;
background: url(/wp-content/themes/atahualpa342/images/bgroundv2.JPG)no-repeat top center #493249;

Also, any comments on how I can improve my design would be welcome!

Many thanks.

Andy Taylor.

add a space after the ')' and before 'no-repeat' IE is picky

Thanks so much, it would have taken me hours to figure that one out for myself!

You should also put the color at the beginning as the image doesn't show in Firefox and the order is supposed to be that way. The following is from W3Schools

Here is what I would use.

OR
If you don't want the background image to scroll.

Thanks so much, that's very informative.

Geesh, thanks for the tip cause this one had me going nuts. It looked like there was already a space there and not until I went to double check did I find that it wasn't.

This works beautifuly!!! You rocks bro!!!

THanks!