2013-02-02 15 views
5

I'm stumped. Lavorare su un sito che non si carica correttamente in FireFox. È fantastico in Chrome e persino in IE, ma per qualche motivo il foglio di stile non viene caricato in FireFox.Foglio di stile non in caricamento in Mozilla Firefox

Il sito: http://gregsonaccounting.com

Sto utilizzando il codice HTML5 e hanno usato il ripristino di base e quali dalla piastra HTML5 caldaia. Non sono sicuro se il problema è nel mio html o CSS.

Qualsiasi intuizione è estremamente utile.

Molte grazie.

+1

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgregsonaccounting.com%2F spesso aiuta. – str

risposta

5

Il tuo problema viene da style.css che inizia da @charset "IBM437" Sostituirla con @charset "UTF-8"; e sarà meglio!

cuciture questo charset IBM437 viene automaticamente aggiunto da SASS:

CSS pseudo element ▼ becomes gibberish in IE

+0

Questo ha funzionato! Grazie molto. –

+0

Qualche idea su come impedire a SASS di aggiungere IBM437? Quando ricompongo il mio foglio di stile ora da SASS, esso ritorna comunque al problema dell'IBM377. Forse c'è un modo per dirgli di usare UTF-8 nel file Config.rb? –

+0

Sembra che il file sorgente sia sia UTF-8 che se @charset "UTF-8"; è la prima riga, quindi non è corretto. –

0

provare a cambiare:

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

a

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

da HTML5 non è più necessario specificare 'type =" text/css "' – rsm

5

Un foglio di stile dovrebbe essere definito nel formato;

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

Si può anche includere l'attributo media, che specificano come un documento deve essere presentato su diversi media: sullo schermo, su carta, con un sintetizzatore vocale, con un dispositivo braille, ecc

Nella tua pagina, lo è;

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

Così tale riga può essere modificata come;

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

inserto questo all'interno di documenti HTML. Non scrivo nel codice solo dare u le parole chiave in modo da sapere e può metterlo.

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

esso funziona quindi assicurati di averlo fatto correttamente altrimenti il ​​tuo documento html non verrà caricato con il tuo foglio di stile. buona fortuna a te e continua a lavorare con brah.

0

mio codice CSS ha funzionato bene su Chrome, ma ha mantenuto schiantarsi su IE e Firefox. Poi ho scoperto che il problema era in un CSS non ben elaborato.

basta copiare e incollare il CSS per http://csslint.net/ e se si ottiene alcun errore, basta risolvere il problema e si sono buoni :)

Vale la pena provare!

Problemi correlati