2010-07-27 170 views
0

我需要將頁腳固定到視口的底部。 IE 6是問題 - 是的,它必須在IE 6中工作。那麼多,不是我的電話。IE6固定位置

使用此:

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');} 
} 

它變得不合時宜。我是否將表達式函數錯誤地修復到了視口的底部?

謝謝!

回答

1

嘗試使用這個代替表達式:

* { 
    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/ 

*/ 
+0

作爲ie6.css樣式表?或者只是一般? – 2010-07-27 21:14:00

+0

不是我不喜歡這種方法,但我最感興趣的是獲取表達式標籤的語法爲底部定位的元素工作! – 2010-07-27 23:56:56

+1

+1。對有效且經過驗證的方法進行投票是沒有意義的。 – Mike 2010-07-28 02:29:04

2

不要使用expression條款。根據我的經驗,它可能會使頁面稍微慢一點,表現奇怪。有些時候它會起作用,有些時候它會失敗而不是優雅。

我用這些方法取得了很好的成功。

但是,沒有看到整個頁面這是一個有點困難,看看是否有我所提供的鏈接將在目前的樣式表的方式獲得。