Xpoint
   [напомнить пароль]

Два <div> то прилипнут, то отлипнут

Метки: [без меток]
[удл]
2009-01-02 16:41:41 [обр] Sergei Erjemin (webdragon)(0/182)[досье]

Есть два последовательных <div>-блока. В обычном состоянии они плотно прижаты друг к другу (см. ссылку: http://www.cocorico.ru/_test_/sample001.htm). Но если в нижнем первым расположить блочный контейнер <P>, <h1> и т.д. то они "разъезжаются" в браузерах Mozilla и Safari. См. тут http://www.cocorico.ru/_test_/sample002.htm

Если блочный элемент поместить в верхний <div> то в Mozilla этот блок "отлипает" от верхней рамки броузера и еще "отталкивает" нижний <div> ... но в Safari "отталкивания" от верхней границы броузера не происходит (см. тут http://www.cocorico.ru/_test_/sample003.htm

Как этого избежать?

спустя 1 час 54 минуты [обр] Marat Tanalin(10/78)[досье]
Это схлопывание полей. Варианты обхода:
  • position: relative
  • overflow: hidden; width: 100%
  • padding: 1px 0;
  • border: 1px solid #ccc
  • и т.д. для родительского блока, сквозь границы которого продавливаются поля (margin) дочерних абзацев и проч.
Powered by POEM™ Engine Copyright © 2002-2005