Faking css position: fixed; in Internet Explorer 6

 

Известно, что у IE6 много «заскоков» и хочу ознакомить вас с двумя способами решения одного из них

1. С помощью Java ScriptБлагодаря этому скриптумы сможем в IE6 получить тот же эффект, что видим в других браузерах.

Стиль работает в браузерах кроме IE6

   
#fixed_div {
position: fixed;
top: 0px; /* ვარეგულირებთ დაფიქსირებული ობიექტის დაშორებას ზემოდან */
left: 0px; /* ვარეგულირებთ დაფიქსირებული ობიექტის დაშორებას მარცხნიდან */
}

Скрипт JavaScript, который в IE6 дает тот же эффект, что и в других браузерах

Это фиксированный див тег, в нашем случае появится в левом верхнем углу

И наконец, фикс IE6 

 


Эту часть лучше вставить до окончания тега, в конце скрипта, чтобы не мешала и не оказалась перед желательным див тегом :)
_________—–**—–_________

2. Doctype strict

В этом случае наш скрипт выглядит более компактно и привлекательно
   
    body{
    padding:5em 0 0 0;
    background:url(foo) fixed;
    }
    h1{
    position:fixed;
    _position:absolute;
    top:0;
    _top:expression(eval(document.body.scrollTop));
    left:0;
    margin:0;
    padding:0;
    background:lime;
    }
    /* if you want to emulate bottom:0;, use this:
    h1{
    position:fixed;
    _position:absolute;
    bottom:0;
    _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
    background:red;
    */

Внутри же html тега, следующим образом:

’position:fixed’ in Internet Explorer

Это объект, который зафиксирован на этот раз в верхнем левом углу браузера.

 
 
Наш опыт сотрудничества с ITDC – очень позитивный. Группа, проявляющая постоянный профессионализм, сделала наш сайт одним из лучших общественных рессурсов UNDP в интернете.

София Чичинадзе
UNDP Грузия