2013-02-02 11 views
5

Ich bin ratlos. Arbeiten an einer Site, die in FireFox nicht ordnungsgemäß geladen wird. Es lädt großartig in Chrome und sogar IE, aber aus irgendeinem Grund wird das Stylesheet nicht in FireFox geladen.Stylesheet lädt nicht in Mozilla Firefox

Der Standort: http://gregsonaccounting.com

Ich bin mit html5-Code und verwendet haben, die grundlegenden zurückgesetzt und so von html5 Kesselblech. Nicht sicher, ob das Problem in meinem HTML oder CSS ist.

Jeder Einblick ist extrem hilfreich.

Vielen Dank.

+1

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fregsonaccounting.com%2F hilft oft. – str

Antwort

5

Ihr Problem kommt von style.css die von @charset "IBM437" beginnt besser ersetzen es mit @charset "UTF-8"; und es wird!

Es Nähte dieses charset IBM437 Auto von SASS hinzugefügt wird:

CSS pseudo element ▼ becomes gibberish in IE

+0

Das hat funktioniert! Danke vielmals. –

+0

Irgendeine Idee, wie man SASS davon abhält, IBM437 hinzuzufügen? Wenn ich mein Stylesheet jetzt von SASS neu kompiliere, fällt es immer noch auf den problematischen IBM437. Vielleicht gibt es eine Möglichkeit, UTF-8 in der Datei Config.rb zu verwenden? –

+0

Es scheint, wenn die Quelldatei sowohl UTF-8 als auch wenn @charset "UTF-8" ist; ist die allererste Zeile, dann stimmt es richtig. –

0

Try-Wechsel:

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

zu

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

seit HTML5 ist es nicht mehr notwendig, anzugeben type = "text/css" ' – rsm

5

A Sheet sollte im Format definiert werden;

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

Sie können auch media Attribut, dass sie angeben, wie ein Dokument auf verschiedene Medien präsentiert werden soll: auf dem Bildschirm, auf dem Papier, mit einem Sprachsynthesizer, mit einem Braille-Gerät usw.

In Ihrer Seite ist es;

<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 dass Zeile wie geändert werden kann;

<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" /> 
-1

Einsatz dieses in Ihrem HTML-Dokumente. Ich schreibe nicht nur in Code u die Schlüsselworte zu geben, so dass Sie wissen, und es setzen.

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

es funktioniert so, stellen Sie sicher, dass Sie dies richtig haben, sonst wird Ihr HTML-Dokument nicht mit Ihrem Stylesheet geladen. Viel Glück für Sie und weiter arbeiten brah.

0

Mein CSS-Code funktionierte gut auf Chrome, aber es blieb Absturz auf IE und Firefox. Dann fand ich heraus, dass das Problem in einem schlecht vorverarbeiteten CSS lag.

Kopieren Sie einfach Ihre CSS http://csslint.net/ einfügen und wenn Sie einen Fehler erhalten , fixieren Sie es einfach und Sie versuchen, gut :)

wert!