Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

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

Old Jul 26, 2010, 09:14 AM
8 posts · Apr 2009

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.
Old Jul 26, 2010, 02:17 PM
juggledad's Avatar
23,743 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add a space after the ')' and before 'no-repeat' IE is picky
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jul 27, 2010 at 04:31 AM.
Old Jul 26, 2010, 08:23 PM
8 posts · Apr 2009
Thanks so much, it would have taken me hours to figure that one out for myself!
Old Jul 26, 2010, 09:03 PM
lmilesw's Avatar
10,175 posts · Jul 2009
Central New York State USA
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

The background shorthand property sets all the background properties in one declaration.
The properties that can be set, are (in order): background-color, background-image, background-repeat, background-attachment, and background-position.
It does not matter if one of the values above are missing
Here is what I would use.

HTML Code:
background: #493249 url(/wp-content/themes/atahualpa342/images/bgroundv2.JPG) no-repeat top center;
HTML Code:
background: #493249 url(/wp-content/themes/atahualpa342/images/bgroundv2.JPG) no-repeat top center fixed;
If you don't want the background image to scroll.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Jul 27, 2010, 03:21 AM
8 posts · Apr 2009
Thanks so much, that's very informative.
Old Oct 29, 2010, 02:54 PM
trsills's Avatar
2 posts · Feb 2010
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.
Old Dec 17, 2010, 06:22 AM
6 posts · Jul 2010
Originally Posted by juggledad
add a space after the ')' and before 'no-repeat' IE is picky
This works beautifuly!!! You rocks bro!!!



Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Header image issue in Internet Explorer omac7504 Header configuration & styling 5 Mar 16, 2010 07:11 AM
Rollover image not working in Internet Explorer 6 Masselyn Page & Category Menu Bars 0 Oct 12, 2009 11:25 AM
[SOLVED] Even default background image doesn't show up - can you help? ftf79 Page & Category Menu Bars 2 Jun 29, 2009 07:36 PM
? Why doesn't my site display in Internet Explorer 8 jcouse Installing & running WordPress 6 Jun 17, 2009 09:42 AM

All times are GMT -6. The time now is 07:37 AM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.