HTML, CSS

alexstream

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="tect/css">
.hui {
position:absolute;
top:200;
left:200;
}
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div>
<img class="hui" src="1.jpg">
</div>
</body>
</html>
вот этот код в опере картинку смещает, а в експлорере нет. Почему? И как сделать чтобы смещал? И где почитиать о различиях между современными браузерами?

kruzer25

Ботать тот самый стандарт W3C, о котором у тебя в первой строке написано.

alexstream

а где его ботать?
и собственно что может знать стандарт о конкретном браузере?

kruzer25

Браузеры как минимум удовлетворяют стандартам.
Ты же, очевидно, используешь какую-то фишку, невходящую в браузер - в опере она есть, а в ие - нет.

ghytr00013

"tect/css"

text/css ?
И попробуй вот так:

  !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

  .hui {

    position:absolute;

top:200;

left:200;

  }

</style>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<div class="hui">

123

</div>

У меня все работало.

Berserk

ага. я дурачок

спасибо

artimon

Я б ещё сказал, что в CSS указание единиц измерения обязательно. Так что писать надо не 200, а 200px.

ghytr00013

Да, лучше указать единицы. Иначе CSS имеют тенденцию плыть.

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