Corinne Posted April 9, 2009 Report Posted April 9, 2009 The gradient background works in FF but does not work in IE. I am banging my head against the wall..again...and again...and again. I have done this before but can not get it to work. Help would be very much appreciated. Here is the link for the site http://ww w.k9trai ningcenterofmn.com/Simonton New/index.html Thanks for taking the time to look at this. Quote
falkencreative Posted April 9, 2009 Report Posted April 9, 2009 I would have to experiment a bit.... Here is your current code: body { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; background: #FFF; background: url(../images/tealwhite.png)repeat-x #FFF; } Removing the "background: #FFF;" line may fix it, and/or modifying the last line to this " background: #fff url(../images/tealwhite.png) repeat-x;". I really can't test it, so make the adjustments and post back if you are still have trouble. Quote
Susie Posted April 9, 2009 Report Posted April 9, 2009 I was going to suggest the same thing. IE may see the first background:#fff; and think that's the rule while ignoring the next line. Maybe putting it all on one line will fix it. Quote
Corinne Posted April 9, 2009 Author Report Posted April 9, 2009 Thank you for the above suggestions.....did not work though. I had done that already, but thought i would try again. I tried to upload the changes, so you could see....but of course for some reason I am having gremlins in my computer and I can't. I think I need to go get a coffee(or something stronger) and take a break. Any other suggestions????? Thanks again, Corinne Quote
newseed Posted April 9, 2009 Report Posted April 9, 2009 (edited) A couple of things. First, the #FFF color code is not in the correct place. It must be before the url of the background image: background: #FFF url(../images/tealwhite.png)repeat-x; Secondly, the reason why the background image does not work in IE is that you need a space between the ) and r background: #FFF url(../images/tealwhite.png)-add a space here-repeat-x; Here's what you css style should look like now: body { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; background: #FFF url(../images/tealwhite.png) repeat-x; } Edited April 9, 2009 by newseed Quote
Corinne Posted April 9, 2009 Author Report Posted April 9, 2009 Thank you!! That was it. I had the color first before, but was missing the space. Thanks everyone for there help...us neewbies really do appreciate that you are willing to take the time to help us out. Corinne Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.