Форум PHP программистов > Положение элемента страницы

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Положение элемента страницы

nobody

14.08.2007 - 15:56

Допустим есть DIV, у которого координаты прописаны абсолютно, относительно нижнего левого угла, т.е.

Код

style='position: absolute; bottom:20px; left:20px'

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

Событие onScroll javascript'a реагирует на прокрутку страницы, но вот что на него надо повесить?

Спустя 11 дней, 55 минут, 1 секунда (25.08.2007 - 15:51) php_maestro написал(а):

Советую всем от начала и до конца прочесть справочники по ХТМЛ и CSS, как сделал я.

А ответ таков:

Цитата

style='position: fixed; bottom:20px; left:20px'

Спустя 1 день, 1 час, 11 минут, 3 секунды (26.08.2007 - 17:02) nobody написал(а):

Спасибо, но немного не так. Мне надо, чтобы оно было на расстоянии 20 пикселей от нижней части окна браузера, а не страницы.

Спустя 3 часа, 14 минут, 41 секунда (26.08.2007 - 20:17) php_maestro написал(а):

Бугага, элемент ХТМЛ не может быть спозиционирован относительно окна браузера, только относительно рабочей области просмотра страницы. Иначе придется создать новое окно и карячится распалагать его там где надо.

Советую дать мне скрин того, как ты хошь сделать ...

Спустя 23 часа, 13 минут, 16 секунд (27.08.2007 - 19:30) nobody написал(а):

Упростил по максимуму.

Мне надо, чтобы при прокрутке страницы надпись bla-bla-bla оставалась в том месте, где она находится при загрузке страницы. Вот код.

HTML

<html>
<head>
<style>
.bla

{
position:absolute;
bottom:20px;
left:20px;
}
</style>
<script>
function pageScroll()
{
document.title=mydiv.currentStyle.bottom;
mydiv.style.bottom='20px';
}
</script>
</head>
<body onScroll=pageScroll()>
<div class=bla id=mydiv>
bla-bla-bla
</div>
<table height=150%><tr><td> </td></tr></table>
</body>
</html>

Спустя 12 часов, 44 минуты, 49 секунд (28.08.2007 - 08:15) Секстурист написал(а):

Цитата(nobody @ 26.8.2007, 18:02) [snapback]26395[/snapback]

цсс-стиль php_maesto тот что тебе нужен, только ИЕ его не воспринимает...
фиксится следующим образом:

Код

<html><head>
<style type="text/css">
div.fixed{
    left:20px;
    bottom: 20px;
    position: fixed;
    //position: absolute;
  top: expression(- 20 - this.offsetHeight + document.body.clientHeight + document.body.scrollTop + "px");
}
</style>

</head><body>
<div class="fixed">Bla, bla, bla</div>
<div style="height: 2000px">Bla, bla, bla too</div>
</body></html>

Спустя 8 часов, 10 минут, 6 секунд (28.08.2007 - 16:25) nobody написал(а):

Ага, помогло. Спасибо. =)

Цитата(Секстурист @ 28.8.2007, 11:15) [snapback]26473[/snapback]

цсс-стиль php_maesto тот что тебе нужен, только ИЕ его не воспринимает...

При выставлении fixed этот div выравнивался по нижнему краю всей страницы.

Кстать, справочник по css у меня есть.

Специально проверил про fixed там нет ни слова...

Книжка издательства БХВ, серии мастер. 2001г.

Быстрый ответ:

Здесь расположена полная версия этой страницы.