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

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...