проблема с margin

[red!:]

Использую фишку с контейнером на 100%, футером с отрицательным верхним отступом и hFooter:

* {
margin: 0;
padding: 0;
}
html,body {
height: 100%;
width:100%; 
}
.container { 
background: #999; 
min-height: 100%;
height:auto !important;
height:100%;
}
.hFooter { 
height: 60px;
}
.footer {
background: #0099CC; 
color: #fff;
height: 60px;
margin-top: -60px;
}

...

<div class="container"> 
<div class="hFooter"></div> 
</div> 
<div class="footer"></div>

...

Почему если вставить в контейнер блочный элемент и присвоить ему margin-top, то конструкция не работает, появляется полоса прокрутки и футер съезжает? Если использовать padding-top, то все нормально..

...
<div class="container"> 
<div style="margin-top:50px"></div>
...

[rus]

padding - дает отступ внутри контейнера (элемента), а margin - снаружи.

[red!:]

padding - дает отступ внутри контейнера (элемента), а margin - снаружи.

Это я понимаю..

Разве внешний отступ не должен быть отсчитан от верхнего края родительского контейнера? какое это влияние вообще оказывает на родителя? тем не менее он съезжает вниз=\

не так должно быть?

Вы уж извините, может я чего-то не понимаю совсем..

Edited December 20, 2010 by red!:

[eVErl@Sting]

...

не ну если у тебя зеленый блок находится в нутри красного то двигать его туда-сюда маргином надо

[red!:]

ну правильно, я его и двигаю маргином, а внешний блок от этого съезжает..

почему - не понимаю хоть убей

[Temiks]

съезжает контейнер? поставь для боди

margin-top: 0;

margin-bottom: 0;

Edited December 20, 2010 by Temiks

[undina]

Нормальное поведение, margin влияет на расстояние от рамки внутреннего элемента до рамки родительского. Padding - расстояние от рамки внутреннего элемента до его содержимого.