XHTML: CSS wird nicht angezeigt?

StackOverflow https://stackoverflow.com/questions/9327833

Frage

Ich bin mir nicht sicher, was passiert, aber ich erhalte die folgenden Fehler von Internet Explorer und Google Chrome ... doch es wird perfekt in Opera> _> angezeigt

Google

Diese XML -Datei scheint keine Stilinformationen zugeordnet zu haben. Der Dokumentbaum ist unten angezeigt.

Dh

IE rendert die Seite, wendet aber keine der Tags an und zeigt nur den Text> _> an

Code

Xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!-- This is a redesign of my redesign -->
<html>
    <head>
         <title>Hello</title>
         <link rel="stylesheet" type="text/css" href="css/fonts.css" />
         <link rel="stylesheet" type="text/css" href="css/main.css" />
         <link rel="stylesheet" type="text/css" href="css/container.css"/>
         <link rel="stylesheet" type="text/css" href="css/banner.css" />
    </head>
    <body>
        <div id="Container">
            <div id="Banner"></div>
            <div id="Content"><p>Hello World</p></div>
        </div>
    </body>
</html>

CSS -Beispiel

@charset “UTF-8?";
/*CSS for the Container and non div items*/
#Container {
    width: 80%;
    min-height: 600px;
    max-height: 1200px;
    margin: 0 auto;
    margin-top: 1%;
    z-index: 0;
}
#Content {
    position: relative;
    width: 100%;        
    min-height: 70%;
    height: 80%;
    max-height: 80%;
    background-color: red;
    z-index: 2;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

Was gibt O_O

War es hilfreich?

Lösung

Eine XHTML -Datei MUSS haben das XMLNS -Attribut xmlns="http://www.w3.org/1999/xhtml" In seinem HTML -Start -Tag wird es nicht als XHTML erkannt.

Das Verhalten der Oper ist nicht standardmäßig.

Andere Tipps

Die erste Zeile in Ihrer CSS -Datei sieht falsch aus:

@charset “UTF-8?;

Sollte wahrscheinlich sein:

@charset "UTF-8";
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top