css margin - HTML и CSS

DrStrangeLove · 09.03.2011, 01:52

На htmlbook.ru, сказано, что

Цитата:

margin - это пространство от границы текущего элемента до внутренней границы его родительского элемента.
Если у элемента нет родителя, отступом будет расстояние от края элемента до края окна браузера с учетом того, что у самого окна по умолчанию тоже установлены отступы. Чтобы от них избавиться, следует устанавливать значение margin для селектора <body> равное нулю.

Мой вопрос: А если у текущего элемента есть соседи (siblings), как тогда??
Тогда тоже margin от бордера до внутренней границы родительского элемента??
Или до границы сиблинга?? до какой именно??
Проясните пожалуйста!!

Заранее Спасибо!!

StagnantIce · 09.03.2011, 11:26

margin тогда будет от соседей считаться.

Arassir · 09.03.2011, 20:48

а почему у div'a который находится внутри div'a внешний див не является родителем, т.е. в следующем коде

Код:

<div style="width:100px; height:100px; background:green;">
   <div style="width:30px; height:30px; background:black; margin-top:40px;">   
   </div>
</div>

margin-top отсчитывается не от верхней границы внешнего div'a а от body

StagnantIce · 10.03.2011, 16:26

Цитата:

Сообщение от Arassir

а почему у div'a который находится внутри div'a внешний див не является родителем, т.е. в следующем коде

Код:

<div style="width:100px; height:100px; background:green;">
   <div style="width:30px; height:30px; background:black; margin-top:40px;">   
   </div>
</div>

margin-top отсчитывается не от верхней границы внешнего div'a а от body

С чего вы это взяли? Отступ отсчитывается от внутренней границы внешнего div`а

Magneto · 11.03.2011, 03:51

Цитата:

С чего вы это взяли? Отступ отсчитывается от внутренней границы внешнего div`а

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

Ссылка на пример

P.S. в IE9 отображается корректно.

09.03.2011, 11:26	#2
StagnantIce Пользователь Регистрация: 05.03.2011 Сообщений: 60	margin тогда будет от соседей считаться. Мои статьи по веб-программированию http://pihpi.ru

09.03.2011, 20:48	#3
Arassir Форумчанин Регистрация: 23.10.2008 Сообщений: 230	а почему у div'a который находится внутри div'a внешний див не является родителем, т.е. в следующем коде Код: `<div style="width:100px; height:100px; background:green;"> <div style="width:30px; height:30px; background:black; margin-top:40px;"> </div> </div>` margin-top отсчитывается не от верхней границы внешнего div'a а от body

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
margin-width и list-style-image	Kapitann	HTML и CSS	1	17.09.2010 22:17
Margin-top отменить для вторйо таблицы, как?	gattaka	HTML и CSS	7	02.06.2010 03:14
margin-top в Opera отличен от FF и IE	stan_s	HTML и CSS	2	13.03.2010 14:28
блок "cont" с права не принимает значение "margin: 10px;" которое описано в body	tabikA	HTML и CSS	5	24.02.2009 21:50