Stylesheet not loading in Mozilla Firefox

html css cross-browser stylesheet mozilla
Isaac Gregson picture Isaac Gregson · Feb 2, 2013 · Viewed 27.1k times · Source

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.

Answer

Alfred picture Alfred · Feb 2, 2013

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

Related questions

how to apply css rule to the previous and the next element in HTML?

For example: You have this: <ul> <li>zero</li> <li>one</li> <li class="selected">two</li> <li>three</li> <li&…

Read More
How do I style a <select> dropdown with only CSS?

Is there a CSS-only way to style a <select> dropdown? I need to style a <select> form as much as humanly possible, without any JavaScript. What are the properties I can use to do so in …

Read More
How to align checkboxes and their labels consistently cross-browsers

This is one of the minor CSS problems that plagues me constantly. How do folks around Stack Overflow vertically align checkboxes and their labels consistently cross-browser? Whenever I align them correctly in Safari (usually using vertical-align: baseline on the input), …

Read More