Welcome to WebmasterWorld Guest from 54.221.9.209

Forum Moderators: not2easy

Message Too Old, No Replies

Renders in IE but not Firefox

Element background-image

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

Junior Member

10+ Year Member

joined:Jan 8, 2003
posts:42
votes: 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

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 23, 2004
posts:728
votes: 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

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

Junior Member

10+ Year Member

joined:June 9, 2005
posts:190
votes: 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?