MSIE/Firefox CSS issue

SellPro · #1 11-03-2005, 02:13 PM

I have a gradient background outside the actual content of our site. I have the background color set to the darkest part of the gradient, and it tiles horizontally so that it appears seamless. The problem I have is that on our main pages outside of the store directory, it shows up fine in both Internet Explorer and Firefox. However, once in the store directory, the background color shows up in MSIE but not Firefox.

The CSS in the store:

Code:

BODY {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #550000;
        FONT-SIZE: 10px;
        BACKGROUND-IMAGE: url("http://www.sellproinc.com/images/gradient.jpg");
        BACKGROUND-COLOR: #6498FE;
        BACKGROUND-REPEAT: repeat-x;

}

The CSS on the main pages:

Code:

body {
	background-image: url("images/gradient.jpg");
	background-color: #6498FE;
	background-repeat: repeat-x;
	font-family: arial;
	font size: 10px;
	color: #000;
	}

Pretty much the same. With Firefox gaining a larger percentage of the browsing populace, I want to make sure the site looks good in both.

SellPro · #2 11-03-2005, 02:21 PM

Okay, disregard some of that. It doesn't show the background color in either browser.

balinor · #3 11-03-2005, 02:24 PM

Try getting rid of the quotes in your background image name callout and the hard link....it could be breaking the stylesheet. Just use (images/imagename.jpg)

TelaFirma · #4 11-03-2005, 03:05 PM

Actually if you use the code:

Code:

background-image: url(images/gradient.jpg);

it will pull it from the /skin1/images/ directory becuase it is a relative link and the CSS file is loading from that directory.

If your image is truely located at http://www.sellproinc.com/images/gradient.jpg then you need to use the code:

Code:

background-image: url(/images/gradient.jpg);

so that it will look for the image in the directory off of the root

balinor · #5 11-03-2005, 03:06 PM

Sorry, should have clarified that.

TelaFirma · #6 11-03-2005, 03:59 PM

Quote:

Originally Posted by balinor

Sorry, should have clarified that.

NP.. hope I didn't come across as a smart ass when replying.. got a bit of a migrain today and sometimes I am less than "personable" when like that.

SellPro · #7 11-04-2005, 07:49 AM

Rereading my posts, I guess I wasn't exactly clear. The image shows up and tiles correctly, but the background color doesn't show up. I don't know why the same CSS would have a different effect in different places.