Padding в IE... не понимаю..

Yan · №1

Есть код:

Код:

<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..

Отредактировано Yan (03-02-2006 23:08:11)

Lynn · №2

Потому что без указания DOCTYPE'а IE работает в quirk-режиме.
http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp?frame=true#cssenhancements_topic2

Yan · №3

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>

Lynn · №4

Потому что div'ы надо закрывать! :lol:

Yan · №5

Lynn
Мда... Это я так криво пример состряпал значит... Каюсь, каюсь.. Стыдно..
Большое спасибо!

Полезная информация

№103-02-2006 23:05:02