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.
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.
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.
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
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
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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now