Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Stylesheet not loading in Mozilla Firefox

I'm stumped. Working on a site that isn't loading properly in FireFox. It loads great in Chrome and even IE, but for some reason the stylesheet isn't loading in FireFox.

The site: http://gregsonaccounting.com

I'm using html5 code and have used the basic resets and such from html5 Boiler Plate. Not sure if the problem is in my html or CSS.

Any insight is extremely helpful.

Many thanks.

like image 349
Isaac Gregson Avatar asked Feb 02 '13 16:02

Isaac Gregson


2 Answers

Your problem comes from style.css which begins by @charset "IBM437" Replace it with @charset "UTF-8"; and it will be better !

It seams this charset IBM437 is auto added by SASS:

CSS pseudo element ▼ becomes gibberish in IE

like image 144
ThierryT Avatar answered Nov 09 '22 17:11

ThierryT


A stylesheet should be defined in the format;

<link rel="stylesheet" type="text/css" href="css/stylesheet.css">

You may also include media attribute, that they specify how a document is to be presented on different media: on the screen, on paper, with a speech synthesizer, with a braille device, etc.

In your page, it is;

<link rel="stylesheet" href="stylesheets/style.css" rel="stylesheet" />//Here is the problem
<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />

So that line may be modified like;

<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" />
like image 42
Alfred Avatar answered Nov 09 '22 16:11

Alfred