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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Наложение контейнеров.

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
zypikov
Отправлено: 10 Января, 2013 - 13:00:01
Post Id



Частый гость


Покинул форум
Сообщений всего: 219
Дата рег-ции: Нояб. 2010  


Помог: 3 раз(а)
Код внизу выравнивает Дивы чуток смещая каждый контейнер относительно предыдущего (на 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.  


Рисунок ниже показывает как должно быть.
Прикреплено изображение (Нажмите для увеличения)
Divs.jpg

(Отредактировано автором: 10 Января, 2013 - 13:16:46)



-----
У всего есть обратная сторона.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB