Поддерживает ли IE CSS2?

artimon

Следующий код неверно отображается в IE.

см.


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

<html>

<head>

	<title>Testing...</title>

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

	<style type="text/css">

		body { background-color: #607681; color: black; }

		pre { border: 5px solid red; padding: 1ex; }

		.title { display: block; border: 5px solid #404040;

			text-align: center;	margin-bottom: 30pt; margin-left: 20pt; }

	</style>

</head>

<body>

<pre>

<span class='title'>Hello World!</span>Должно быть на 30pt ниже.

</pre>

</body>

</html>

artimon

И как это можно полечить?

shurabor

поставить margin-top

artimon

Не понял? Мне нужно, чтоб расстояние между "Hello, world!" и текстом было 30pt.

shurabor

это Margin-top если не ошибаюсь

artimon

Плевать. Ни то ни другое не работают.

artimon

Исправил код. http://validator.w3.org говорит: "This Page Is Valid XHTML 1.0 Transitional!", а сволочный IE все равно криво показывает.

ruler

Firebird всё делает правильно. Кстати, где здесь CSS2?

artimon

Opera тоже правильно отображает.
А CSS2 там есть. Может быть это CSS1, но css-validator сказал, что всё ОК.

sveta75

Такое впечатление что все глюки из-зи тега <PRE>
Зачем он здесь нужен? Пиши вместо него <DIV> и все будет работать

artimon

Я так и понял уже, спасибо. А причина зачем там нужен <pre>

Оставить комментарий