>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Проблемы с сайтами
   http://forum.mozilla-russia.org/viewforum.php?id=24
>баг с margin?
   http://forum.mozilla-russia.org/viewtopic.php?id=21151

IDIV > 21-01-2008 21:45:20

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

Выделить код

Код:

<!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 > 21-01-2008 22:04:46

rtfm collapsing margins

Al_H > 22-01-2008 01:54:38

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

IDIV > 24-01-2008 19:22:06

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

Al_H > 25-01-2008 03:47:25

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