MozTW 討論區
https://forum.moztw.org/

利用absolute定位div,在IE中顯示失敗
https://forum.moztw.org/viewtopic.php?f=13&t=15639
1 頁 (共 1 頁)

發表人:  cqd [ 2006-09-20, 19:46 ]
文章主題 :  利用absolute定位div,在IE中顯示失敗

網頁如附件,是blogger的樣板

在網頁本體的下方有個ID為nav的div,裡面是導航列。我希望他在HTML中的位置是在後方,但是顯示時會顯示在主體的上方。

我的作法是利用position:absolute定位到離本體上緣138px的位置。在Firefox中看起來很正常。但是在IE中不論我設定nav的position為absolute會導致導航列整個消失。

請問有人有概念問題出在哪裡嗎?

附加檔案:
template_2.zip [5.96 KiB]
被下載 275 次

發表人:  不惑仔Boohover [ 2006-09-21, 11:34 ]
文章主題 : 

div#content寬度被定義為890px,但在div#sidebar 有一個很大很寬的input type="image",而且#sidebar定義為float:right;實際上已超出#content寬度很多了,在ie6裡超出寬度且指定float的image(包括不斷行物件)會向下排列,不像fx會直接"跨出"寬度範圍,兩個瀏覽器處理方不同,因此會看到ie6大亂。

簡單的解決方式是將該html檔裡的div#nav整個上移至div#sidebar前即可。

較好的方式是將div#sidebar也以position:absolute;方式定義,這樣div#main也不需要定義float了。

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/