2009-11-07 85 views
1

在FF和IE8的東西看起來不錯。我有一個模擬的下拉,我試圖用圓角在底部創建:www.geowinedb.org/drop-down-test/test.html。在IE6中,巨型div正在延伸到窗口的最左邊。我需要更改/添加什麼(例如下劃線黑客)以使下拉縮小其內容(ul)。IE6收縮包裝與圓角

p.s.我會回來問關於阻止下拉菜單(IE6再次)的z-index問題,但如果有人想回答這個問題,我們將非常感謝。

編輯20091107:關於要求的更多細節:它必須在IE6 +中工作,下拉菜單不能固定寬度。客戶希望能夠隨意更改菜單項文本並自動生成下拉大小。

編輯20091111:我從來沒有找到一個很好的解決方案。菜單和其他一些懸停要求的變化,意味着JavaScript是必要的。所以,我發現我可以將每個主菜單項絕對定位,然後定位每個子菜單絕對div(這解決了z-index問題),最後我計算了底層ul的寬度並設置了外部寬度div。然後圓角將它們自己正確放置在我需要的所有瀏覽器上。

+0

爲什麼不只是顯示這些用於IE6用戶:http://www.thedonutproject.com/2009/05/22/overly-judgemental-ie6-splash-pages/ – Sam152 2009-11-07 02:29:30

回答

0

難道爲您的UL使用固定寬度(也可能是UL.mega-b)?因爲這樣你肯定會避免這個問題。

display:block在你的UL也可以是這個原因。

+0

謝謝Soufiane。我不能使用固定寬度。但是,接受了您的建議並重新使用了'display:block'。我注意到在mega-b中添加'float:left'對IE6有很大的幫助,但是我失去了圓角。我使用這些更改更新了測試頁面。 – 2009-11-07 20:37:51