Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Смещение точки отсчёта для абсолютного позиционирования
 
 автор: DDK   (03.04.2008 в 10:44)   письмо автору
 
 

Есть страница, на ней достаточно много элементов расположены методом абсолютного позиционирования (position: absolute; top: x; left: x;). Но периодически в самый топ страницы надо вставлять баннер. Вставляем баннер, вся страница съезжает вниз, а абсолютно фиксированные элементы остаются на прежних местах (что ожидаемо). Пока делаю молотом и киянкой - переписываю координаты всех объектов, прибавляя к их отступу сверху высоту баннера. Но... задолбался :)) Что тут можно придумать ? Можно ли как-нибудь сместить нулевую точку отсчёта для абсолютного позиционирования ?

   
 
 автор: Thrasher   (03.04.2008 в 10:49)   письмо автору
 
   для: DDK   (03.04.2008 в 10:44)
 

Ну например, создать родительский блок для всех элементов страницы, и для него прописать свойство: style="position:relative;". Тогда все элементы с абсолютным позиционированием будут позиционироваться относительно его, а не страницы. Баннер добавляешь перед этим общим блоком. И этот блок сместится вниз, под баннер, вместе со всеми дочерними элементами.

   
 
 автор: AlexSol   (03.04.2008 в 10:50)   письмо автору
 
   для: DDK   (03.04.2008 в 10:44)
 

поместить все что ниже банера в <div style="position:relative">

   
 
 автор: DDK   (03.04.2008 в 11:00)   письмо автору
 
   для: AlexSol   (03.04.2008 в 10:50)
 

Вау, спасибо :)) Честно говоря, никогда как раз не понимал смысла position:relative, вот теперь на примере и понял !

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования