Меню
Что нового?

Не работает внешний CSS в XHTML-документе

Drakon

Drakon

Новичок
Не работает внешний CSS в XHTML-документе

Решил оптимизировать выдачу страниц и говорить браузерам, которые поддерживают XHTML, что моя страница "application/xhtml+xml".
В результате внешние таблицы стилей отвалились (тестил в фаерфокс и опера).
http://validator.w3.org/ говорит, что моя страница - валидный XHTML и что таблица стилей тоже валидный CSS.
В чём может быть проблема?

Вот тестовый скрипт, на котором всё проверялось:

PHP: 
<?php

header('Content-Type: application/xhtml+xml; charset=utf-8');

print (<<<EOF
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="http://test.lan/styles/test.css" media="screen" />
    <title>test</title>
  </head>

  <body>
    <table class="TestTable" cellpadding="0" cellspacing="1" align="center">
    <tr><td>Content</td></tr>
    </table>
  </body>
</html>
EOF
);
?>
Вот CSS по адресу http://test.lan/styles/test.css

PHP: 
TABLE.TestTable { background-color: red; color: #00AABB; }
TABLE.TestTable TD { background-color: red; color: #00AABB; }
 
Drakon

Drakon

Новичок
Спасибо. Сам бы никогда не догадался!
Забыл, что в XHTML необходимо использовать только нижний регистр.

Поправил на такое и всё заработало:
PHP: 
table.TestTable { background-color: red; color: #00AABB; }
table.TestTable td { background-color: red; color: #00AABB; }
 
Войдите или зарегистрируйтесь для ответа.
Сверху