XHTML: CSS не отображается?

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

Вопрос

Не уверен полностью, что происходит, но я получаю следующие ошибки от Internet Explorer и Google Chrome ... но он отлично отображается в Opera> _>

Google

Этот XML -файл, по -видимому, не имеет никакой информации о стиле, связанной с ним. Дерево документов показано ниже.

Т.е.

Т.е. отдает страницу, но не применяет ни одного из тегов и просто отображает текст> _>

Код

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

@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;
}

Что дает O_O

Это было полезно?

Решение

XHTML -файл ДОЛЖЕН иметь атрибут XMLNS xmlns="http://www.w3.org/1999/xhtml" в своем HTML Start Tag или он не будет распознаваться как xhtml.

Поведение оперы нестандартно.

Другие советы

Первая строка в вашем файле CSS выглядит неправильно:

@charset “UTF-8?;

Вероятно, должно быть:

@charset "UTF-8";
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top