Jump to content

Recommended Posts

Posted

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.

Posted

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.

Posted

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.

Posted

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

Posted (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 by newseed
Posted

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...