Firefox 3 doesn't load stylesheets
I'm a graphic designer and have been asked to develop a site by my employer. I can get the site to work in all updated browsers, but for some reason the linked stylesheets don't load in Firefox 3.
Here's the syntax I've been using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/template55.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <!-- InstanceBeginEditable name="doctitle" --> <title> Guardian Laminators </title> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="head" --> <!-- Page META TAGS go here ---------------------------------------------> <style type="text/css" media="screen"> <!-- @import url("p7gs/p7gs_base.css"); --> </style> <script type="text/javascript" src="p7gs/p7gsscripts.js"></script> <!-- InstanceEndEditable --> <link rel="stylesheet" type="text/css" href="p7irm/p7IRM01.css" media="all" /> <link rel="stylesheet" type="text/css" href='http://fonts.googleapis.com/css?family=Ubuntu:700,500,400,300' rel='stylesheet' type='text/css' media="all" /> <link rel="stylesheet" type="text/css" href="css/styles.css" rel="stylesheet" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="p7pmm/p7PMMh04.css" media="all" /> <link rel="stylesheet" type="text/css" href="p7irm/p7IRM01.css" media="screen" /> <link rel="stylesheet" type="text/css" href="p7irm/p7IRM02.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/print_style.css" media="print" /> <script type="text/javascript" src="p7irm/p7IRMscripts.js"></script> <script type="text/javascript" src="p7pmm/p7PMMscripts.js"></script> <script type="text/javascript" src="video/player/jwplayer.js"></script> </head>
I'm not sure if my syntax is incorrect or if placement of elements is an issue, but this works in every browser EXCEPT firefox 3. Currently I am using firefox 8 and have no errors.
Any help would be greatly appreciated. Thank you!
Modified by supply55
Chosen solution
You should avoid using more that two consecutive hyphens in a comment (you have 45 at the end) to avoid that tags following end up in a comment.
<!-- Page META TAGS go here --------------------------------------------->Read this answer in context 👍 1
All Replies (4)
Firefox 3.0 hasn't been supported for a few years now, no one should be using it any longer.
Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.
Chosen Solution
You should avoid using more that two consecutive hyphens in a comment (you have 45 at the end) to avoid that tags following end up in a comment.
<!-- Page META TAGS go here --------------------------------------------->
Modified by cor-el
Thanks Cor-el! I've seen comments like that before in CSS files, and assumed it would be ok in HTML. My bad, now i know. Thanks again!
I tried to do the explanation for META fields. These are now useless for SEO.