IE6 Фиксированное позиционирование

Question

Мне нужно зафиксировать нижний колонтитул в нижней части области просмотра.IE 6 - это проблема - и да, он должен работать в IE 6. Это не мой вызов.

Использование этого:

div#footer {
 width:1020px;
 position: absolute; 
 top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');} 
}

В моем IE6.css я могузакрепите нижний колонтитул в верхней части страницы.Но если я переключу это на это:

div#footer {
 width:1020px;
 position: absolute; 
 bottom: expression(0+((e=document.documentElement.scrollBottom)?e:document.body.scrollBottom)+'px'); 
 left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');} 
}

Это выходит из строя.Я неправильно реализовал функцию выражения для фиксации ее в нижней части области просмотра?

Спасибо!

Answer 1

Не используйте предложение expression. По моему опыту, он может сделать страницу немного медленной и ведет себя странно. Иногда это работает, а иногда просто не изящно.

У меня был хороший успех с этими методами.

• http://matthewjamestaylor.com/blog/bottom-footer-demo.htm
• http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Но, не видя всей вашей страницы, немного сложнее увидеть, будут ли какие-либо из приведенных мной ссылок мешать вашей текущей таблице стилей.

Answer 2

Попробуйте использовать это вместо выражений:

* {
    margin: 0;
}
html, body {
    height: 100%;
    overflow: auto;
}
.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.box {
    position: fixed;
    left: 50%;
    top: 180px;
    margin: 0 0 0 -370px;
}
* html .box { 
    position: absolute;
}

/*

Fixed Positioning in IE6 
http://ryanfait.com/

*/