JavaScript - Erste Schritte, CSS wird blockiert?
Ich bekomme folgenden Error, wenn ich versuche meine ersten Versuche einer Webseite in Firefox zu laden.
Die Ressource von "http://localhost:63342/FirstTest/style.css" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff)
Das ist der Code von den Datein.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Title</title>
<link rel="stylesheet"href="style.css">
</head>
<body>
<div class="placeholder">
I'm in a div!
</div>
<div class="anotherClass">
I'm in another class!
</div>
</body>
</html>
CSS
.placeholder{
background-color: red;
}
.anotherClass{
background-color: lightseagreen;
}
Leider werden nur die div Elemente ausgeben, woran kann es legen? Ich werde aus der Fehlermeldung nicht schlau.
Schöne Grüße
4 Antworten
Welchen Webserver verwendest du denn für die Ausgabe deiner Webseite und wie hast du ihn installiert? Nutzt du bspw. den Apache HTTP Server, der im XAMPP-Softwarepaket enthalten ist oder den IIS von Windows?
Jedenfalls ist bei diesem wohl konfiguriert, dass der Response Header den Key X-Content-Type-Options mit dem Wert nosniff mitsendet. Dies ist eine Sicherheitsmaßnahme, die dafür sorgt, dass der Browser nicht den Mime-Type einer übermittelten Ressource überschreibt.
Prüfe zunächst, ob der Dateipfad zu deiner style.css korrekt ist. Achte auch auf Groß- und Kleinschreibung.
Das besagt, dass der Webserver die CSS-Datei mit dem Content-Type "text/html" an den Browser ausliefert und der sagt "Nein, das passt nicht mit CSS zusammen und außerdem habe ich die Anweisung erhalten, nicht selbst zu versuchen anhand des Inhalts herauszufinden, was es ist. Also verwerfe ich es und melde einen Fehler."
Das ist ein Sicherheits-Feature. Der passende Content-Type wäre "text/css".
Danke, habe jetzt dem Link type ="text/css" hinzugefügt. Habe aber immer noch den selben Error
Ich verstehe Deine Frage nicht ganz
JavaScript - Erste Schritte, CSS wird blockiert?Was ha das mit JavaScript zu tun.
In solange du noch Schwierigkeiten mit einfachem HTML hast, solltest du dich auf HTML5 und CSS konzentrieren und nicht auch noch mit JavaScript oder PHP oder sonstigen anfangen.
HTML und CSS sind die wichtigste Basis einer Internetseite
Du solltest mal deine Files prüfen auf korrekten Syntax
Und
http://www.css-validator.org/validator.html.de
Ansonsten hilft
https://wiki.selfhtml.org/wiki/CSS
Und
<link rel="stylesheet" type="text/css" href="style.css">
Vielen Dank für deine Antwort! Der Dateipfad dürfte korrekt sein, die Datei liegt im selben Ordner. Über den Webserver kann ich dir leider nichts sagen. Ich hab in meiner IDE (Intellij) die Möglichkeit direkt das Programmierte in einem Browser meiner Wahl zu starten.