dannyo101 Posted August 27, 2009 Share Posted August 27, 2009 I'm having a lot of issues displaying a background image in Firefox (I'm using version 3.5.2). Firefox is reading the CSS file but it is not locating the image to use for the background. I've been at this for a while now so I created a very simple html page to test this. Here is the code I have to test this. Here is the CSS: body { background: url(../images/sample.jpg) repeat-x #005367; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } Here is my HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>test version</title> <link rel="stylesheet" href="styles/jj_test.css" type="text/css"> </head> <body> <div id="master">this is a test</div> </body> </html> I've also tried various paths in the CSS file, including the full path but I can't get the image to display in Firefox. The page works fine in IE and Chrome - http://dananddonna.com/joedicke/jj/ Any help would be appreciated. I realize I'm probably missing something very obvious but I'm just not seeing it. Thanks! Quote Link to comment Share on other sites More sharing options...
haku Posted August 27, 2009 Share Posted August 27, 2009 If you mean the three squares with an airplane that say Sample, it works fine in FF 3.5.2 Quote Link to comment Share on other sites More sharing options...
dannyo101 Posted August 27, 2009 Author Share Posted August 27, 2009 Yes, that is what should be displayed. That is what I see when I view the page in IE or Chrome, but there is no "sample" image when I view it in Firefox. Quote Link to comment Share on other sites More sharing options...
haku Posted August 27, 2009 Share Posted August 27, 2009 Maybe you have a plugin in your firefox that's blocking it. Shows up fine in my firefox. Quote Link to comment Share on other sites More sharing options...
Makeshift67 Posted August 27, 2009 Share Posted August 27, 2009 if worst comes to worst, you can set each background element separate body { background-image: url(../images/sample.jpg); background-repeat: repeat-x; background-color: #005367; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.