Welcome to WebmasterWorld Guest from 54.211.62.139

Forum Moderators: not2easy

Message Too Old, No Replies

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)

New User

5+ Year Member

joined:Aug 13, 2011
posts: 4
votes: 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)

Senior Member from US 

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

joined:Apr 9, 2011
posts:13267
votes: 363


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)

Junior Member

10+ Year Member

joined:May 28, 2003
posts: 198
votes: 4


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)

Senior Member

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

joined:Nov 28, 2004
posts:7999
votes: 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)

New User

5+ Year Member

joined:Aug 13, 2011
posts: 4
votes: 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)

Senior Member from US 

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

joined:Apr 9, 2011
posts:13267
votes: 363


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)

New User

5+ Year Member

joined:Aug 13, 2011
posts: 4
votes: 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)

Senior Member from US 

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

joined:Nov 29, 2005
posts:7057
votes: 427


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)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 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)

New User

5+ Year Member

joined:Aug 13, 2011
posts:4
votes: 0


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

New User

5+ Year Member

joined:Aug 13, 2011
posts:4
votes: 0


Thanks!
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members