Форум Сайтостроение Веб-строительство

Позиционирование элемента на странице CSS

palarmaz
На сайте с 05.04.2010
Offline
125
palarmaz
505

Подскажите пожалуйста, а то уже устал пробовать. Нужно сделать как на сайте http://audiopoisk.com/ - Плавающую панель закладок. Но без подключения Jquery и JS, чисто на CSS.


  #fixed-div {
         color: red;
         background-color:#f0f0f0;
         height: 37px;
         border: 1px solid #e1e1e1;
         position: fixed;
         top: 10px;
         left: 216px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;

Все работает, но когда изменяешь размер окна браузера, блок остается на месте, а страница сайта заезжает на этот блок. Нужно чтобы плавающий блок двигался вместе с сайтом.

MS
На сайте с 28.06.2011
Offline
42
mr_slm
#1

поставте значение top и left не в пикселях, а в процентах.

ТВЭЛ
На сайте с 29.09.2006
Offline
111
ТВЭЛ
#2
palarmaz:
Все работает, но когда изменяешь размер окна браузера, блок остается на месте, а страница сайта заезжает на этот блок. Нужно чтобы плавающий блок двигался вместе с сайтом.

У фиксированного блока нужно сделать и фиксированную ширину, которая будет меньше, чем отступ основного содержания страницы со стороны фиксированного блока.

Время не ждёт.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий