CSS фиксированный контейнер в IE6 - PullRequest
Новая
       17

CSS фиксированный контейнер в IE6

2 голосов
/ 15 мая 2010 
#fixed {
    border:1px solid red;
    height:100px;
    left:50%;
    margin-left:-500px;
    position:fixed;
    top:0;
    width:1000px;
}

как я могу сделать так, чтобы этот элемент отображался в IE6? div - первый элемент непосредственно в теле С уважением

Ответы [ 3 ]

2 голосов
/ 15 мая 2010

IE 6 не поддерживает position: fixed ( Source ), и, насколько я знаю, простого обходного пути только для CSS не существует.

Вам потребуется использовать обходное решение на основе JavaScript, которое корректирует положение элемента при прокрутке страницы.

В этом вопросе изложено очень простое решение *1009*. По моему опыту, эти решения на основе JS, как правило, довольно шаткие и отрывистые, они не достигают гладкости position: fixed.

1 голос
/ 19 мая 2010

Извините, у меня нет времени перевести мой образец с вашими точными требованиями, но черпайте вдохновение с этим кодом: 

// Modern browser : FF, Chrome, Opera
// ----------------------------------------

#fixmetoo { position: absolute; right: 0px; bottom: 0px; }
div > div#fixmetoo { position: fixed; }


// IE6
-------------------------------------------

<!--[if lt IE 7]>
div#fixmetoo {
        right: auto; bottom: auto;
        left: expression( ( -80 - fixmetoo.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
        top: expression( ( -100 - fixmetoo.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    }
<![endif]-->
0 голосов
/ 15 мая 2010

Хм, вы можете попробовать этот CSS - тогда элемент центрируется. 

<!--[if lt IE 7]>
<style type="text/css">
#fixed {
margin: 0 auto; 
}
</style>
<![endif]-->
...