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! Link to comment https://forums.phpfreaks.com/topic/172054-css-background-url-in-firefox/ 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 Link to comment https://forums.phpfreaks.com/topic/172054-css-background-url-in-firefox/#findComment-907198 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. Link to comment https://forums.phpfreaks.com/topic/172054-css-background-url-in-firefox/#findComment-907246 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. Link to comment https://forums.phpfreaks.com/topic/172054-css-background-url-in-firefox/#findComment-907298 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; } Link to comment https://forums.phpfreaks.com/topic/172054-css-background-url-in-firefox/#findComment-907915 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.