Das CSS wurde aufgrund eines MIME-Typenkonflikts ignoriert. Was kann ich tun? =$

Heyyo

Das CSS wurde aufgrund eines MIME-Typenkonflikts ignoriert ist die seit kurzem auftauchenden Fehlermeldung auf meiner Webseite..

Das heißt, die CSS datei wird nicht einbezogen, und die webseite sieht auf wie ******

Eingebunden ist die CSS mit:

<link rel="stylesheet" type="text/css" href="resources/head-files/cstyle/main.css"/>

Das Problem hab ich mit allen css Dateien.. Daran geändert hab ich nichts, kann mir jemand helfen? =S

1 Antwort

WhiteGandalf

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Webseite

10.06.2013, 19:27

Konfiguration des Webservers (ich vermute mal: Apache?)...

Der hat eine Mime-Type-Map, wo für jede von ihm ausgelieferte Dateiendung ein Mime-Datentyp festgelegt ist. Wobei der Server mit den Daten, die er da durchreicht, nicht wirklich großartige Kopfstände macht. Dieser Mime-Typ ist nur eine Kennzeichnung für Clienten (Browser), was für Daten die da in die Hand gedrückt kriegen. So daß die Namen von Ressourcen, die in irgendwelchen Links oder src-Attributen stehen, nicht unbedingt irgendeinem Standard entsprechen MÜSSTEN. Obwohl die ganze Sache darauf hinausläuft, daß letztlich doch nichts weiter als ein Standard umgesetzt WIRD.

Die Festlegung in der Apache-Konfig heißt zum Beispiel...

TypesConfig "conf/mime.types"

Diese Zeile ist bei Dir eventuell auskommentiert worden, weil Du an der Konfiguration gebastelt hattest (mal als Idee aus der Hüfte geschossen)...

Alternativ wäre es möglich, daß eine weitere einzelne Typzuordnung (mit der genannten wird ein ganzer Satz von Zuordnungen mit einem Schlag eingebaut) in Deiner Konfiguration aufgenommen wurde, die für CSS-Dateien zuständig ist. Einzeleinträge lauten beim Apache zum Beispiel:

AddType image/gif .gif

Nachschlagen kannst Du das und vieles mehr dazu in der Apache-Dokumentation: http://httpd.apache.org/docs/current/mod/mod_mime.html

Wenn Du bei einem Provider bist (nicht einen eigenen XAMPP oder so betreibst) könnte es auch sein, daß ein Admin dort eine Konfiguration ausgetauscht hat - obwohl denen solche Fehler eigentlich nicht pasieren dürften. Ist also nur ne vage Idee...

GarryVanDoofen

Fragesteller

10.06.2013, 20:11

Danke erstmal,

Problem ist, dass die backups die früher gingen auch nicht mehr gehen.. sowohl Online, als auch lokal per XAMPP.. Und wir sind zu dritt, bei uns drei geht es lokal nicht. =(

GarryVanDoofen

Fragesteller

10.06.2013, 20:22

@GarryVanDoofen

Kompatiblitätsmodus im Internet Explorer funktioniert o.0

WhiteGandalf

10.06.2013, 20:30

@GarryVanDoofen

Ja, das ist ein Modus, wo der Browser einfach den vom Server genannten Mime-Typ IGNORIERT (!) und seine eigene Typabschätzung einsetzt: Zuerst anhand der Dateiendung der Ressource, dann anhand der Analyse der ersten paar Bytes der Daten.

DAS (letztere) kann dann vortrefflich von Virenschreibern ausgenutzt werden, um ahnungslos-naiven Nutzern vorzugaukeln, daß sie eine harmlose Datei (ein Bild zum Beispiel) laden würden, während der Browser dieselbe dann als Javascript oder so interpretiert. Wobei: Genau dieser Mißbrauch kam in irgendeinem Kontext tatsächlich schon mal vor, er fällt mir momentan nur nicht aus dem Stehgreif wieder ein.

Fazit jedenfalls: Ja, der Kompatibilitätsmodus kann erstmal helfen bei der Problemanalyse, ist aber für FREMDE Besucher einer Seite überhaupt nicht hilfreich, weil die nicht zwingend einen IE im Kompatibilitätsmodus benutzen müssen.

Moment mal: XAMPP? OK, dann IST es doch die Apache-Konfiguration! Da haben wir doch den Schuldigen schon am Schlavittchen!

GarryVanDoofen

Fragesteller

14.06.2013, 11:27

@WhiteGandalf

Hmmm... GigaFacePalm

Nichts ahnend hat kein Kumpel in der .htaccess den Server vorgegaukelt, alle MIME-Typen wären "text/html"

weswegen logischerweise die css nicht richtig eingebunden wurde.

Vielen Dank für deinen Rat ;)

Ähnliche Fragen

Wie macht man das?

Wenn ich eine Webseite mit Dunklem und Hellem design machen will, muss ich 2 CSS Dateien machen

...zur Frage

Wieso wird CSS nicht übernommen?

Ich habe gerade ein Problem, das soo frustrierend ist. Ich bin HTML & CSS Anfänger und wollte eine Webseite aus einem Tutorial Video nachbauen. Die Inhalte und Struktur im HTML habe ich hinbekommen. Nun scheitere ich aber am CSS. (Browser Chrome) Für mich sieht alles richtig aus. CSS ist eigentlich eingebunden, aber die Eigenschaften werden nicht übernommen. Ich habe schon etliche Seiten durchforstet und keine Lösung hat funktioniert. (Cache leeren brachte nichts, Bei den anderen Browsern Firefox, Explorer und Safari besteht das gleiche Problem( ich habe auch keine Schusselfehler entdeckt). Die beiden Dateien liegen auch im selben Ordner. Liegt es vielleicht an meinem Laptop oder an den Browsern? Ich bin ratlos. Ich hoffe jemand kann mir irgendwie helfen.

Ich habe screenshots von der HTML-Datei und CSS-Datei beigefügt.

...zur Frage

CSS/ HTML Text ist unsichtbar?

Hallo,

ich bin gerade dabei, eine Webseite zu programmieren und bin dabei auf folgendes Problem gestoßen: Ich arbeite derzeit mit 2 Dateien, einer .html (Webseite) und einer .css(Design der Webseite) und auf einmal seh ich meinen Text nicht mehr. Ich habe ein paar Änderungen am Code getroffen und suche nun vergeblich nach dem Fehler. Hier ein Screenshot des Codes:

links HTML/ rechts CSS

Es wäre cool, wenn mir jemand helfen könnte.

Danke schonmal im Vorraus :D

...zur Frage

Von xamp auf HostEurope - Seite wird nicht korrekt dargestellt?

Guten Tag,

folgendes Problem:

Habe eine Webseite mit PHP, Bootstrap, CSS und Co. geschrieben, allerdings wurde sie jetzt nach dem Umzug von xamp auf einen Host Europe Server nicht mehr richtig angezeigt.

Es ist alles weiß mit schwarzer Schrift, Dateien wie Bilder werden nicht abgerufen. Ich dachte, es liegt vielleicht am Dateipfad. Der ist immer ungefähr "assets/css/custom.css", "assets/images/logo.png" etc, also habe ich es mit SITE_ROOT vorneweg probiert. Wieder nichts. Ich glaube, ich habe einen Denkfehler.

Könnt ihr mir vielleicht einen Rat geben?

Ich habe nur einen ftp Zugang, dementsprechend kann ich an den Einstellungen des Servers nichts ändern oder Daten einsehen.

...zur Frage

Wie kann man eine Webseite (HTML/CSS/JS) in WordPress einbinden (unverändert dort einsetzen)?

Kurze Frage,

Ich habe eine Webseite mit HTML/CSS und JS erstellt und möchte diese jetzt bei WordPress einfügen, damit andere, die keine Ahnung von HTML haben diese auch gut bearbeiten können. Funktioniert es vielleicht, einfach die Dateien die man hat hochzuladen? Ich beschäftige mich jetzt schon seit Tagen und komme nicht voran... Ich bin am verzweifeln. Ich würde mich über jede Hilfe freuen.

...zur Frage

PHP-Webseite online stellen (Hoster)?

Hallo in die Runde,

ich erstelle seit einiger Zeit Webseiten mithilfe von PHP, HTML, JS und CSS. Bisher liefen all diese nur über XAMPP lokal. Nun möchte ich eine meiner Seiten veröffentlichen. Es gibt sicher verschiedene Anbieter, wo man seine Dateien hochladen kann und er diese dann hostet. Oder geht das nicht so einfach? Bin für jede Empfehlung dankbar.

LG, Markus

...zur Frage

Wie kann ich mein HTML zu einer Webseite machen?

Hi,

ich habe mir ein paar HTML-Kenntnisse angeeignet und habe folgende Frage:

Einmal angenommen, ich habe jetzt eine geile Webseite mit HTML, CSS und JavaScript erstellt.

Wie mach ich das jetzt zu einer wirklich echten Seite? Klar ich brauche eine Domain. Aber wie erstelle ich eine oder (die eigentliche Frage): Wie verknüpfe ich jetzt diesen Ordner, in dem die Informationen wie Bilder, Videos und einzelne Dateien sind, mit dieser Webseite (clientbasiert)?

Und wenn ich das gemacht habe: Wie mache ich z.B. ein Update, weil ich z.B. etwas am Code verändert habe?

...zur Frage

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zur Frage

Css datei not found 404?

Hey,

ich bin gerade dabei eine kleine Webseite mit PHP zu erstellen (MNit Xampp und visual studio code). Ich habe meine Webseite in mehreren Dateien aufgeteilt, damit ich einen besseren Übersicht habe aber leider ist ein Fehler aufgetreten. Die css Dateien werden nicht geladen. Ich weiß nicht , woran es liegt denn die Pfaden zu den Dateien stimmen alle aber sie werden trotzdem nicht gefunden bzw. geladen und ausgeführt. Also die Seite ist dann nicht gestylt.

----------------header.php-----------------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>Own Website</title>
</head>
<body>
    <header class="header">
        <div class="logo">
            <h2>Mode</h2>
        </div>
        <ul class="menu">
            <li class="items"><a href="#" class="links">Home</a></li>
            <li class="items"><a href="#" class="links">About</a></li>
            <li class="items"><a href="#" class="links">Service</a></li>
            <li class="items"><a href="#" class="links">Login</a></li>
        </ul>
    </header>
</body>
</html>

------------------------index.php-------------------
<?php include("./templates/header.php"); ?

---------------header.css--------------------

* {
    margin: 0;
    padding: 0;
}




body {

    background-color: #212121;

}

Meine Ordner Struktur

Die Fehlermeldung:

Diese Fehlermeldung bekomme ich, wenn ich mir den Seitenquelltext anschauen möchte und dann die css Datei aufmachen will. Die wird nicht gefunden.

Ich hoffe, dass ich das Problem halbwaches erklären konnte.

Danke im Voraus

...zur Frage

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

...zur Frage

.css wird bei Xampp nicht erkannt?

Hallo,

Ich hab folgendes Problem...
Ich habe die HTML und CSS Dateien im "htdocs" Ordner aber sobald ich was in die .css Datei eingebe und es speicher ändert sich nichts...
In der Schule mache ich es genau so und es funktioniert deswegen wüsste ich jetzt nicht wo das Problem liegt.

Bis vor kurzem funktionierte alles ganz normal und ich konnte arbeiten und abspeichern und es hat sich geändert.

...zur Frage

Wie kann ich heraus finden, woher eine CSS- oder JS-Datei geladen wird?

Ich öffne in Google Chrome eine Webseite, öffne die Developer Tools -> Quellcode und kann sehen, welche Elemente alles geladen wurden, also auch von externen Servern.

Bei Frameworks und Javascript-Plugins können die tollsten Abhängigkeiten entstehen. Wie kann ich hier eigentlich sehen, welche Komponenten welche Dateien laden, also woher z.B. die Abhängigkeit zur tollen foobar.css "kommt", die von einem Google-Server geladen wird? Sich händisch durch alle Dateien wühlen grenzt ja an Beschäftigungstherapie...

...zur Frage

Youtube Video in Webseite einbinden, was mache ich bei dieser Fehlermeldung?

Hey, ich habe gerade ein Youtube video in meine Seite eingebunden. Wenn ich es auf der Seite abspielen wollte kam dann aber eine Fehlermeldung: Die Wiedergabe auf anderen Websites wurde vom Rechteinhaber des Videos deaktiviert. Kann mir da jemand helfen?

Liebe Grüße Luisa

...zur Frage

Leerzeichen in Dateinamen ein Problem?

Hallo,

ich bin momentan dabei, eine Webseite mit HTML, CSS und Javascript zu erstellen. Diese soll später zu einer Web-App oder auch Android-App umgewandelt werden.

Die Website enthält gut 40.000 (Audio-)Dateien, die mit Bahnhofsnamen benannt sind. Diese sind verpflichtend, da sonst die Website/App nicht korrekt funktioniert.

Diese Namen enthalten auch Leerzeichen (z.B. "Berlin Hbf"). Ich habe gelesen, das solche Leerzeichen ein Problem im späteren Verlauf darstellen könn(t)en.

Diese Namen sind jedoch wie gesagt verpflichtend, und entsprechen die Dateien nicht dem exakten Bahnhofsnamen, funktioniert die App nicht richtig.

Weiß jemand was ich tun soll und ob die Behauptung mit den Leerzeichen wirklich stimmt? Weil sonst könnte ich mein Projekt aufgeben...

Beste Grüße und danke für die Antworten!

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen