2016-07-20 24 views
0

Also das ist wahrscheinlich so einfach wie es geht und ich verstehe nicht, was ich falsch mache. Ich verwende IIS unter Windows 10 (für die Entwicklung \ Praxis) und ich habe nur zwei Dateien in meinem Web-root: default.htm & style.cssBasic CSS funktioniert nicht mit Nicht-IE-Browsern von IIS8

default.htm

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="style.css" /> 
    </head> 
    <body> 
     <div id="bodystuff"> 
      Stuff 
     </div> 
    </body> 
</html> 

Stil. css

#bodystuff { 
    font-family: Georgia; 
    font-size: 5em; 
} 

Mein Problem (und Chancen sind, es ist etwas dumm, dass ich fehle), dass, wenn ich die Seite mit IE öffnen (11 wenn es ankommt) es öffnet sich fein und das Zeug in meinem Körper rendert richtig mit meiner style.css Datei. Wenn ich jedoch die gleiche Website mit Firefox öffne, wird die Seite gerendert, als ob ich überhaupt keine Stile konfiguriert hätte.

strange

Irgendwelche Vorschläge auf, was ich zu machen, bin fehle, so dass mein CSS verwendet, wenn entweder mit IE oder FF die Website zu öffnen?

+0

Überprüfen Sie Ihre Entwicklerkonsole auf Warnungen und Ihr Netzwerk-Panel, um sicherzustellen, dass das CSS angefordert wird und die richtige Antwort gegeben wird. –

+0

Auf der Netzwerk-Registerkarte bekomme ich eine 200 für style.css, aber auf der Konsole bekomme ich zwei Warnungen: * Unerwartetes Ende der Datei bei der Suche nach ',' oder '{'. Regelsatz wurde aufgrund eines ungültigen Selektors ignoriert. style.css: 1: 30 * Unerwartetes Ende der Datei beim Suchen nach Schließen} des ungültigen Regelsatzes. style.css: 1: 30 –

+0

Klicken Sie auf die Anfrage für die Datei 'style.css' und überprüfen Sie die Registerkarte" Response ". Klingt wie etwas ist unerwartet in der Auswahl. –

Antwort

0

Das Ende Ursache war, dass die Dateicodierung für meine default.htm und style.css Dateien unterschiedlich waren. Ich habe die Dateien mit UTF8 neu erstellt und jetzt funktioniert es. Es scheint, dass Firefox sehr empfindlich auf die Dateiverschlüsselung zwischen CSS- und HTML-Dokumenten reagiert. Ich fand die Lösung dank @ AlexanderO'Mara, die mich auf die Entwicklerkonsole von Firefox zeigte, die eine Warnung enthüllte, nach der ich dann suchte und eine Diskussion über here fand.