баг с margin?

IDIV · №1

Собственно есть код:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Some title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class='lowLayer'>
<div class='header'>
<div class='rays'>
</div>
</div>
</div>
</body>
</html>

Выделить код

Код:

*
{
padding: 0px;
border: 0px;
margin: 0px;
}

body
{
height: 100%;
background-color: white;
}

.lowLayer
{
position: relative;
width: 100%;
height: 100%;
background-color: transparent;
}

.header
{
background-color: #282c47;
position: relative;
margin-left: 25%;
height: 160px;
width: 720px;
}
.rays
{
background-color: red;
//background-image: url('rays.gif');
width: 500px;
height: 160px;
position:relative;
margin-left: 20px;
margin-top: 10px;
}

При просмотре в firefox отступ по margin-top делается от верха документа а не от родительского элемента. Это баг или я в чем то не прав?

Lynn · №2

rtfm collapsing margins

Al_H · №3

Это коректная трактовка стандарта. Является ли корректной трактовка, при которой margin вложенного элемента не вылезает за пределы родительского, не уверен, наверное, нет.

IDIV · №4

ну отлично с коллапсинг марджинс понял, только вот остается вопрос: кто правильно трактует стандарт?

Al_H · №5

Файрфокс правильно трактует стандарт. Сафари часто тоже это делает правильно в случае с полями. А вот правильно ли их вносить внутрь охватывающего блока - вопрос гораздо более интересный. В любом случае, в своих таблицах стилей эту особенность стараюсь учитывать.

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

№121-01-2008 21:45:20

баг с margin?

Код:

Код:

№221-01-2008 22:04:46

Re: баг с margin?

№322-01-2008 01:54:38

Re: баг с margin?

№424-01-2008 19:22:06

Re: баг с margin?

№525-01-2008 03:47:25

Re: баг с margin?

Board footer