Stylesheet not loading in Mozilla Firefox

Question

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.

Answer 1

insert this inside your html documents. I am not writing in code just giving u the key words so you know and can put it in.

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

it works so make sure you have this correctly or else your html document will not load with your stylesheet. best of luck to you and keep working brah.

Answer 2

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" />

Answer 3

My CSS code worked well on Chrome, but it kept crashing on IE and Firefox. Then i found out the problem was in a badly preprocessed CSS.

Just copy paste your CSS to http://csslint.net/ and if you get any error, just fix it and you are good :)

Worth trying!

Answer 4

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

Answer 5

Try changing:

<link rel="stylesheet" href="stylesheets/style.css" rel="stylesheet" />

to

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