homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Firefox Not Applying Styles
Firefox 4 and below isn't applying any styles unlike all other browsers

 7:24 pm on Aug 13, 2011 (gmt 0)

Hi! Nice to finally join here.

I hope somebody can help me out with this, I found a few other threads but nothing that helped.

I have a website that is displaying fine in all browsers except for Firefox 4 and below. It doesn't look like it's applying any styles at all. I tried checking it out in Firebug, and it seems to only render two @imports and then stops. I've checked the css code and it seems fine.

The website is using a custom Wordpress theme I've made and to which I've applied the html5 boilerplate by Paul Irish.

I've also opened in the actual stylesheet file in Firefox 3 and its type is "text/css".

I have no idea why it's doing this. Does anybody else know?

I can provide the URL if anyone needs it to diagnose.



 9:42 pm on Aug 13, 2011 (gmt 0)

Speaking of diagnosis... Before anything else, feed your html and your css into the w3c validators. (Bookmark both; you'll need them often.)

Browsers try to work past programming blunders. Validators try to ensure that the blunders aren't there in the first place. In general it's something so embarrassingly obvious that a human will overlook it. Ask how I know.


 7:54 am on Aug 14, 2011 (gmt 0)

It's either an error in the css as mentioned above which could stop the styles from being loaded but it sounds more like a mime type issue[url]https://developer.mozilla.org/en/incorrect_mime_type_for_css_files[/url] issue with the sever.


 4:44 pm on Aug 15, 2011 (gmt 0)

... it seems to only render two @imports and then stops.

Copy and paste all CSS files via direct input or request by URL, if they are published, here:

W3C CSS validator [jigsaw.w3.org]

That's where I'd start. It only takes one typo to ruin your day . . .


 4:50 pm on Aug 15, 2011 (gmt 0)

Yeah I scanned through the validation, but not in depth. I'll try again more thoroughly to see if I can find the error.

Thanks for the inputs, I'll report back whether I find the problem or not.


 10:25 pm on Aug 15, 2011 (gmt 0)

You shouldn't need to scan through. w3c's results will start by saying in blaringly obvious color-coded form whether there are errors (red) or warnings (yellow). Green is good.

You can also do CSS validation by file upload, even if it isn't a separate CSS file. (This is a fairly recent change.)


 12:21 am on Aug 16, 2011 (gmt 0)

Thanks, everyone. I found the error. It was a missing semi-colon after one of the @imports

I'm kicking myself... oh well, at least it's fixed.


 4:28 am on Aug 16, 2011 (gmt 0)

The fun "not so much fun" aspect of this aside is "measure twice, cut once" which makes any carpenters worth their salt a valued treasure. Can't tell you how many times I've failed in this regard (I really can't, I've opted to no memory of said failures, thus I remain pristine and a winner!)

Until the next time. :)


 1:57 pm on Aug 16, 2011 (gmt 0)

Hi w3visi, welcome to WebmasterWorld - and here's to all code issues having such a simple solution ;)


 2:24 pm on Aug 16, 2011 (gmt 0)



 2:24 pm on Aug 16, 2011 (gmt 0)


Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved