2009-10-26 97 views
0

http://69.65.3.168/~doubleop/pro.sperity/CSS重疊幫助

內容和頁腳都在一個div(#left)和側邊欄是(#right)

#left{ 
width:685px; 
float:left; 
overflow:visible; 
} 

#right{ 
width:215px; 
float:left; 
margin-top:20px; 
} 

頁腳是900px;寬,這就是爲什麼我設置#left溢出:可見,所以你可以看到它。我這樣做是因爲當內容區域內容少時,我希望邊欄重疊頁腳。顯然,當內容區域擴展時,側邊欄將保持在同一位置,但頁腳將被壓下。這給了我一個很好的重疊效果。

但是,IE 6不喜歡這樣,它推動底部下邊的側邊欄。

如果我將#left屬性更改爲overflow:hidden,側欄會出現在正確的位置,但頁腳會被切斷。所以問題在於溢出:隱藏的部分。

有沒有人知道我能做些什麼來解決這個問題?

+0

更新IE6? :)。我已經放棄了爲IE6修復問題。當IE6用戶看到網站不再爲他們工作時,他們被迫升級。這對IE6來說太過黑客攻擊和修復了。 – Egon 2009-10-26 15:17:14

回答

0

只需將#footer放在#right div之後即可。

<div id="left"> 
</div> 
<div id="right"> 
</div> 
<div style="clear: both;"></div> 
<div id="footer"> 

+0

感謝您的回答,但我不想將它放在#right下,因爲我想在內容區域沒有太多內容時發生重疊效應。通過清除浮動並將其放在#right下,我不會得到這種重疊? – user195257 2009-10-26 15:48:18

0

葉氏。你將需要在頁腳上做一個「清楚:兩個」。你的右手浮動不在頁面的流程中,頁腳不知道任何東西在它上面。清除這兩者將基本上關閉浮動,使得頁腳認爲某些東西在它上面,這又將其推到它所屬的底部。