Position: fixed в IE6

Хотя уже наверное нет смысла обсуждать IE6 и хаки к нему, но всё же оставлю заметку «Как сделать фиксированный элемент IE6»

position: fixed; поддерживаться всеми новыми браузерами и IE >=7.  Чтобы сделать такое в IE6 надо прописать

Как видите происходит эмуляция position: fixed; На самом деле блок абсолютно позиционируется относительно body и его позиция top подсчитывается при каждом чихе пользователя при помощи expression. Обратите внимание на +100. Это нужно для случае, если блок не прибит к верхнему краю, а находится на некотором расстоянии — в нашем случае 100px.
Минусы данного подхода:

  1. не работает при отключенном JS.
  2. нагрузка на браузер — значение top пересчитывается каждый раз, когда пользователь что то сделает — проскроллит, изменить размер окна браузера и тд и тп.

Чтобы страница не дёргалась надо прописать

Вот и всё.

Рубрики: HTML/CSS
Теги: css, fix, html, IE6, position: fixed;
Понравилось? Поделись с другими плз












Комментарии ВКонтакте





Комментарии с сайта

Оставить комментарий

*