Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

как сделать плавающий объект

2.7K
10 января 2003 года
woolfs
3 / / 10.01.2003
как можно объект <TABLE> сделать плавающим относительно клиентской области окна броузера,
как пример -чтоб при скроллировании страницы объект всегда находился в нижнем углу клиентской области
372
11 января 2003 года
Flying
312 / / 20.09.2000
Цитата:
Originally posted by woolfs
как можно объект <TABLE> сделать плавающим относительно клиентской области окна броузера,
как пример -чтоб при скроллировании страницы объект всегда находился в нижнем углу клиентской области



Для этого в спецификации CSS2 есть property: #selector {position: fixed }

Вот пример:
<html>
<style type="text/css">
#floater {position: fixed; width: auto; height: auto; top: auto; left: auto; bottom: 20px; right: 20px; border: 1px solid #000; background-color: #ccc; padding: 5px }
</style>
<body>
<div id="floater">Floater</div>
</body>
</html>

Он как раз показывает надпись "Floater" в правом нижнем углу браузера. Добавь в этот пример текста, чтобы появился скроллбар - и ты увидишь, что эта надпись стоит на месте.
Этот метод полностью соответствует стандартам W3C, однако у этого способа есть один недостаток: в данный момент времени рендерить этот пример правильно умеет только Mozilla. Opera тоже пожжердивает "position: fixed", но в версии 6 он далеко не всегда работает правильно, а версия 7 еще слишком сырая, но многообещающая. IE как обычно плетется в конце, он это вообще рендерить не умеет. Так что использовать или нет - решай сам.

2.4K
31 января 2003 года
L'Eglantier
21 / / 31.01.2003
Или сделать position: absolute а затем Javasrript'ом отлавливать насколько проскроленно окно (в IE и NN разные технологии) и изменять его аттрибуты top и left.

Ессно, эту фукнцию надо по таймеру вызывать постоянно. SetPeriod(func)

Вознищи, на самом деле, выше крыши, но зато работать будет. А, если тестить браузер не только на IE-NN, а и на версию, и там, где поддерживает DOM, реализовать средствами DOM, а не BOM то работать будет везде.
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог