Corinne Posted April 9, 2009 Report Share 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 Link to comment Share on other sites More sharing options...
falkencreative Posted April 9, 2009 Report Share 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 Link to comment Share on other sites More sharing options...
Susie Posted April 9, 2009 Report Share 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 Link to comment Share on other sites More sharing options...
Corinne Posted April 9, 2009 Author Report Share 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 Link to comment Share on other sites More sharing options...
newseed Posted April 9, 2009 Report Share 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 Link to comment Share on other sites More sharing options...
Corinne Posted April 9, 2009 Author Report Share 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 Link to comment Share on other sites More sharing options...
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.