2013-02-02 15 views
5

Jestem zaskoczony. Praca w witrynie, która nie ładuje się prawidłowo w FireFox. Ładuje się świetnie w Chrome, a nawet IE, ale z jakiegoś powodu arkusz stylów nie ładuje się w FireFox.Arkusz stylów nie ładuje się w Mozilla Firefox

Witryna: http://gregsonaccounting.com

używam kodu HTML5 i wykorzystali podstawowe resetuje i takie z html5 kotła Plate. Nie jestem pewien, czy problem występuje w moim html czy CSS.

Każdy wgląd to bardzo pomocny pod numerem.

Wielkie dzięki.

+1

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgregsonaccounting.com%2F często pomaga. – str

Odpowiedz

5

Twój problem wynika z style.css, który rozpoczyna się od @charset "IBM437" Wymień go @charset "UTF-8"; i będzie lepiej!

szwy ten charset IBM437 jest auto dodany przez SASS:

CSS pseudo element ▼ becomes gibberish in IE

+0

To działało! Wielkie dzięki. –

+0

Czy masz pojęcie, w jaki sposób utrzymać system SASS przed dodaniem IBM437? Kiedy rekompiluję mój arkusz stylów teraz z SASS, nadal powraca on do problematycznego IBM437. Być może istnieje sposób, aby powiedzieć, aby użyć UTF-8 w pliku Config.rb? –

+0

Wygląda na to, że plik źródłowy jest zarówno UTF-8, jak i @charset "UTF-8"; jest pierwszą linią, potem sass robi to dobrze. –

0

Spróbuj zmienić:

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

do

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

od HTML5 nie jest już konieczne podawanie "type =" text/css "' – rsm

5

Arkusz stylów należy określić w formacie;

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

Można również zawierać atrybut media, że określenie sposobu dokument ma zostać przedstawiony na różnych nośnikach: na ekranie, na papierze, z syntezatora mowy, z urządzeniem brajlowskim itp

Na twojej stronie jest;

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

Tak więc linia może być modyfikowana jak;

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

wkładkę to wewnątrz dokumentów html. Nie piszę w kodzie tylko dawać U słów kluczowych, aby wiedzieć, a może umieścić go w.

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

to działa więc upewnij się, że masz to poprawnie, inaczej twój dokument HTML nie załaduje się z twoim arkuszem stylów. powodzenia i kontynuuj pracę brah.

0

Mój kod CSS działa dobrze na Chrome, ale trzymane upaść na IE i Firefox. Potem odkryłem, że problem tkwi w źle przygotowanym CSS.

Wystarczy skopiować wkleić CSS http://csslint.net/ a jeśli dostaniesz żadnego błędu, po prostu go naprawić i jesteś dobry :)

Warto spróbować!

Powiązane problemy