Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Наложение контейнеров.
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Наложение контейнеров.

Страниц (1): [1]
 

1. zypikov - 10 Января, 2013 - 13:00:01 - перейти к сообщению
Код внизу выравнивает Дивы чуток смещая каждый контейнер относительно предыдущего (на 10, 20пикс.) В этом случае у них св-во position: absolute и родитель у них тело документа. Мне нужно чтобы они так же выравнивались относительно общего родителя (тоже Див контейнер, в который они все допустим вложены). При св-ве position: relative и + относительном смещении каждого дива, контейнеры распологаются друг под другом.

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div style="position: absolute; top: 0px; left: 0px; border: thin #FF0066 solid; width: 100px; height: 100px;">
  3.         <div style="position: absolute; top: 10px; left: 10px; background-color: #99FF66; width: 30px; height: 30px;">1</div>
  4.         <div style="position: absolute; top: 20px; left: 20px; background-color: #663300; width: 30px; height: 30px;">2</div>
  5.         <div style="position: absolute; top: 30px; left: 30px; width: 30px; height: 30px;">...</div>
  6.         <div style="position: absolute; top: 40px; left: 40px; background-color: #33CCFF; width: 30px; height: 30px;">n</div>
  7.       </div>
  8.  


Рисунок ниже показывает как должно быть.

 

Powered by ExBB FM 1.0 RC1