Welcome to WebmasterWorld Guest from 54.166.54.215

Forum Moderators: not2easy

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)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



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)

10+ Year Member



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.
4:44 pm on Aug 15, 2011 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



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)

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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)

WebmasterWorld Senior Member 5+ Year Member



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)



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



Thanks!
 

Featured Threads

Hot Threads This Week

Hot Threads This Month