Renders in IE but not Firefox

Forum Moderators: not2easy

Message Too Old, No Replies

Renders in IE but not Firefox

Element background-image

Jabzebedwa

12:21 pm on Apr 20, 2006 (gmt 0)

Hello,

I've done quite a bit of reading on this and am still unable to get my background image to render in Firefox.
The below renders fine in IE.

Can you see the problem and let me know?
--> My Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
--> My CSS code for the specific element
#header{
height:100px;
width:100%;
background-color: #E0E2A8;
color: #556B2F;
background-position: left;
background-repeat: no-repeat;
background-image: url(absolute path to image);
}

Thanks for any help

4css

1:01 pm on Apr 20, 2006 (gmt 0)

First I suggest that you validate your xhtml/html and your css, then after that, if there are any problems then come back, and post a bit more then you have now posted.

It is a bit difficult to tell if soemthing past what you have now is causing the problem, or if you need to validate.

Since it is working it IE, then that suggests that there could be a coding error somewhere as IE is really forgiving of errors.

I know several times I have started to post for help, and realized i needed to validate, and would find that there was an issue in my coding.

Hope this helps you out a bit
4~css

coopersita

7:05 pm on Apr 20, 2006 (gmt 0)

You first need to se if it's the image or the code. Drag the image into FF. If it opens correctly, then it's your code.

What kind of image is it? JPG, GIF, PNG?