XHTML: CSS не отображается? - PullRequest
Новая
       24

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

0 голосов
/ 17 февраля 2012

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

Google

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

IE

IE отображает страницу, но не применяет ЛЮБЫЕ теги и просто отображает текст> _>

Код

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

Ответы [ 2 ]

2 голосов
/ 17 февраля 2012

Файл XHTML ДОЛЖЕН иметь атрибут xmlns xmlns="http://www.w3.org/1999/xhtml" в своем стартовом теге html, иначе он не будет распознан как XHTML.

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

0 голосов
/ 17 февраля 2012

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

@charset “UTF-8?;

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

@charset "UTF-8";
...