DH Templates - Dreamweaer CSS sheets not working in Firefox, yes in Safari?

Dreamweaer CSS sheets not working in Firefox, yes in Safari?

Hello, I am a newbie Dreamweaver user. I used a template to make several other pages. I applied to the CSS style sheet to the template. Even though it says the other pages are updating, they do not take the style sheet and I have to apply it individually. When I do apply it, everything appears right in Dreamweaver. However, in Firefox, it only takes the styles for classes that I defined myself and leaves the basic text and links in a default style. In Safari, the styles work. This is the head of my template: <HTML>  <TITLE>MiriamHurley.com || Miriam Hurley || Freelance Italian-to-English Translator</TITLE>   <link href="../miriam.css" rel="stylesheet" type="text/css"> I tried taking off the ../, but then it doesn't link at all. My style sheet looks like this: @charset "ISO-8859-1"; .menumiriam a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-decoration: none; } .menumiriam a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-decoration: none; } .maintext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; td { font:12px Arial, Helvetica, sans-serif; color:#333333; text-decoration: none; color: #666666; } td:link{ color:#990000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a { color: #333333; } a:hover { text-decoration: none; color: #00fff; } a:link { text-decoration: none; color: #333333; } .body { font:12px Arial, Helvetica, sans-serif; color:#666666; line-height:20px; margin: 0px; } .pageName{ font: 18px Arial, Helvetica, sans-serif; color: #d45f00; line-height:26px; letter-spacing:0.21em; } .subHeader { font:normal 12px Arial, Helvetica, sans-serif; color: #d45f00; line-height:22px; letter-spacing:0.2em; } .subHeader:link { font:normal 12px Arial, Helvetica, sans-serif; color: #d45f00; line-height:22px; letter-spacing:0.2em; } .quote { font: 16px Arial, Helvetica, sans-serif; color: #ffffff; line-height:30px; } .smallText { font: 9px Arial, Helvetica, sans-serif; color: #666666; line-height: 10px; } a:link { text-decoration: none; color: #999999; font-family: Arial, Helvetica, sans-serif; font-style: normal; } .menumiriam a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; a:active { text-decoration: none; color: #666666; } Please help! Thanks in advance, Miriam Thank you for the answers. In reviewing the material and my problem, I think that it is not a problem of linking to the CSS style sheet, but of how each browser is reading the style sheet, because in both Safari and Firefox, part of the styles take. In Firefox, only the styles in classes I defined myself take and the others go to the Browser default. My pages are up at www.miriamhurley.com Text should be gray or orange and links red if working properly. Thanks, Miriam

Public Comments

Well, Ms. Hurley, a page where you actually use the stylesheet would be useful. But if you don't feel like providing it, the only thing I can think of is to make sure you're using the latest stable version of Firefox.
It sounds like the difference between document relative and site relative links might be causing some confusion. Have a read through the article linked below, then check the following: 1. What directory is your stylesheet in relative to your template? 2. What directory is your stylesheet in relative to your pages? 3. What do the links to the stylesheet look like in the template compared to the pages? Having said all that, if the link to stylesheet in the template is correct then Dreamweaver should update everything automatically when it's applied to a page. This should 'just work' if you're using the preview function within Dreamweaver to look at pages in Firefox, but it may cause problems if you're using site relative links and trying to open your HTML pages directly within Firefox. If all that checks out, next thing to consider would be - are you viewing a cached version of the page within Firefox. Right click and select 'View Page Source' and confirm that the link to your stylesheet appears in the source code. If not, hit Command+Shift+R (assuming you're on a Mac?) to do a 'hard refresh'. After all that if you're still having problems then install the Web Developer Toolbar in Firefox from the second link below. Use the Tools -> Validate Local HTML and Tools -> Validate Local CSS to check there are no problems with the structure of your markup. If you're still having difficulty after all that then you'll have to upload your pages for us to have a look at them. --Update There are four validation errors on your CSS stylesheet, I've added a direct link below. See if fixing those resolves your problem.