Есть код:
Код:
<html>
<head>
<style>
#container {
background-color:#aaf;
padding:130px;
}
#out {
background-color:red;
padding:5px 0px;
}
#in {
background-color:white;
font-size:14px;
margin:0px -3px;
}
</style>
</head>
<body>
<div id="container">
<div id="out">
<div id="in">
test
<div>
<div>
</div>
</body>
</html>В браузерах (Firefox и Опера) всё работает как надо (как я хочу):
А вот с IE ничего не понимаю:
Почему нижний и верхний padding'и у #out ведут себя по-разному?
И можно ли сделать так, как я хочу?
IE6 sp1..
Потому что без указания DOCTYPE'а IE работает в quirk-режиме.
http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp?frame=true#cssenhancements_topic2
Lynn
DOCTYPE не помог...
IE его воспринял (проверил по width container'а), а нижний паддинг всё равно глючит.
И потом, я понимаю, что он ширину/высоту не по стандарту считает, но здесь-то он по-разному обрабатывает верхний и нижний padding'и, хотя для них указаны одинаковые стили. Вот что непонятно.
Код:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
#container {
background-color:#aaf;
padding:130px;width:300px;
}
#out {
background-color:red;
padding:5px 0px;
}
#in {
background-color:white;
font-size:14px;
margin:0px -3px;
}
</style>
</head>
<body>
<div id="container">
<div id="out">
<div id="in">
test
<div>
<div>
</div>
</body>
</html>Потому что div'ы надо закрывать! 
Lynn
Мда... Это я так криво пример состряпал значит... Каюсь, каюсь.. Стыдно.. 
Большое спасибо!