Firefox Not Applying Styles

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

[w3visi]

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.

[lucy24]

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.

[Paul_o_b]

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[developer.mozilla.org ] issue with the sever.

[rocknbil]

... 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 . . .

[w3visi]

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.

[lucy24]

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.)

[w3visi]

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.

[tangor]

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. :)

[alt131]

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

[w3visi]

Thanks!

[w3visi]

Thanks!