| Предыдущая тема :: Следующая тема |
| Автор |
Сообщение |
bebych
Зарегистрирован: 07.06.2007
Сообщения: 2
|
 Добавлено: Чт Июн 07 2007 00:22 Заголовок сообщения: Фиксированный элемент в ИЕ |
 |
|
Нужен фиксированный блок четко внизу страницы.
Вот этот код отлично работает, чтобы блок был наверху и скроллился:
| Код: | top: expression(
document.getElementsByTagName("body")[0].scrollTop + "px"
); |
а вот этот (который должен ставить блок вниз и тоже скроллить)
| Код: | bottom: expression(
document.getElementsByTagName("body")[0].scrollBottom + "px"
); |
нет( Поможите
ПС
| Код: | Вот вся конструкция
<div id="body_png" style=" width: 450; height: 62; padding: 0; position: fixed; bottom: 0; right: 0; //position: absolute; top: expression(document.getElementsByTagName('body')[0].scrollTop + 'px');" >
content
</div> |
thx |
|
| Вернуться к началу |
|
 |
beliy
Зарегистрирован: 10.12.2004
Сообщения: 124
Откуда: Москва
|
| Добавлено: Чт Июн 07 2007 11:30 Заголовок сообщения: |
|
|
Исследования показали, что:
в Мозилле работает это:
| Код: | <div id="body_png3" style=" width: 450; height: 62; padding: 0; position: fixed; bottom: 0; right: 0;" >
content
</div> |
а в IE работает это:
| Код: | <div id="body_png" style=" width: 450; height: 62; padding: 0; position: absolute; border:1px solid blue; bottom: 0; right: 0; top: expression(parseInt(document.getElementsByTagName('body')[0].scrollTop) + parseInt(document.getElementsByTagName('body')[0].offsetHeight) - 66 + 'px');" >
content
</div> |
(последняя цифирь подбирается в зависимости от высоты и бордера дива)
Удачных экспериментов! |
|
| Вернуться к началу |
|
|
bebych
Зарегистрирован: 07.06.2007
Сообщения: 2
|
| Добавлено: Чт Июн 07 2007 20:38 Заголовок сообщения: |
|
|
Спасибо огромное))
Итог выглядит так: сначала для мозиллы, потом для ИЕ
| Код: | <div id="body_png" style=" width: 450; height: 62; padding: 0; position: fixed; bottom: 0; right: 0;
//position: absolute; top: expression (parseInt (document.getElementsByTagName('body')[0].scrollTop) + parseInt (document.getElementsByTagName('body')[0].offsetHeight) - 84 + 'px');" >
content
</div> |
|
|
| Вернуться к началу |
|
|
beliy
Зарегистрирован: 10.12.2004
Сообщения: 124
Откуда: Москва
|
| Добавлено: Чт Июн 07 2007 22:27 Заголовок сообщения: |
|
|
Действительно работает в Mozilla и IE (в остальных завтра посмотрю).
Однако, считаю этот подход (с использованием символа комментариев и дублированием параметров) не вполне корректным.
Гораздо лучше было бы определить сначала тип браузера, а потом отрисовать соответствующий код. Т.к.
первое - верси браузеров постоянно обновляются и отношение их к подобным дырам может меняться;
второе - возможно Вы скоро обнаружите, что в каком-то браузере данный код не работает и надо будет прилепливать еще одну заплатку изза которой код вдруг перестанет работать в уже проверенных браузерах.
Предлагаю сразу отказаться от строительства "пизанской башни" и на строне сервера (если конечно ваш хостинг позволяет) определить для какого браузера нужно вывести код. |
|
| Вернуться к началу |
|
|
|
FAQ 
Поиск 
Пользователи 
Группы
Регистрация
Профиль 
Войти и проверить личные сообщения 
Вход 
