2015-03-11 5 views
1

Необработанный XHTML отображается только в Internet Explorer. CSS вообще не показан. Я не могу точно определить проблему этой проблемы. Я запускал оба моих XHTML и CSS через валидаторы W3C и имел нулевые ошибки, отмеченные с помощью XHTML 1.0 Strict и CSS 2.1. Я подозреваю, что что-то связано с моим DOCTYPE или <link> в моем XHTML. Любая помощь приветствуется!Internet Explorer показывает страницу XHTML без CSS, но показывает CSS на Firefox и Chrome

XHTML (DOCTYPE и ГОЛОВКА):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<!-- DOCTYPE is set to STRICT--> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

    <title>Flags</title> 


    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

    <link rel="stylesheet" href="Flags.css" type="text/css" /> 

</head> 
</html> 

Страница в:

Internet Explorer: http://i.imgur.com/l2jcUkv.png

Chrome: http://i.imgur.com/tucKXzg.png

Примечания: CSS называется Flags.css и находится в том же каталоге, что и XHTML.

+0

Какая версия IE? –

ответ

0

Проверьте инструменты разработчика в Internet Explorer. Используете ли вы правильный мим для своего CSS? Как насчет заголовков, которые вы установили?

Удалить мета-элемент, он не только недействителен, он полностью не соответствует контексту для XHTML; вы установка мим на application/xhtml+xml право?

Никогда использовать буквы capitol для файлов, если они не предназначены как явный ресурс для загрузки; все веб-ресурсы должен быть нижним регистром как часть ваших хороших практик (и использовать тире для публичных URL-адресов, никогда не подчеркивайте, исследуйте правильный контекст символов в Википедии).

Наконец вы отсутствует атрибут media со значением screen ...

<?php 
if (isset($_SERVER['HTTP_ACCEPT']) && stristr($_SERVER['HTTP_ACCEPT'],'application/xhtml+xml')) 
{ 
header('Content-Type: application/xhtml+xml; charset=utf-8'); 
} 
echo '<?xml version="1.0" encoding="UTF-8"?>'."\n"; 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<title>Flags</title> 
<link href="flags.css" media="screen" rel="stylesheet" type="text/css" /> 
</head> 
<body> 

</body> 
</html> 

Весь мой сайт правильный XHTML (1,1 В настоящее время, преобразование в XHTML5 для следующего выпуска версии), поэтому не стесняйтесь смотреть при этом он связан с моим профилем пользователя.

Смежные вопросы