IE6 li標籤不對齊

我有點緊張的時間，所以我很抱歉，這是簡短的。IE6 li標籤不對齊

我試圖調整這六個充當下拉菜單的IE標籤，IE7和IE8以及所有好的瀏覽器都可以正常工作，但是IE6仍然固執並且將它們放在所有位置，您可以找到頁面here。

我正在使用此CSS來放置它們內聯。

/* I beleive this is the important bit? FROM HERE */ 
li.rathdown { 
    position: relative; 
    float: left; 
    margin: 0; 
    padding: 0; 
    display: block; 
} 
/* TO HERE */ 

li.rathdown * { 
    margin: 0; 
    padding: 0; 
    float: left; 
} 

li.rathdown ul { 
    width: inherit; 
    display: none; 
    position: absolute; 
    z-index: 100; 
} 

li.rathdown-sub { 
    position: relative; 
} 

li.rathdown-sub ul { 
    z-index: 99; 
} 

li.rathdown img.arrow { 
    float: right; 
    margin-right: 3px; 
    padding: 3px; 
}

我也有另外一個問題，在IE7和IE8的頁面底部捲起來咯，有什麼想法？

感謝您提供任何建議。

來源

2010-12-17 Olical

我認爲它與一個標籤不浮動？這就是我正在閱讀的內容，但是當我將它們浮起來時，它就會分崩離析...... – Olical 2010-12-17 16:37:44

OKAY修復了問題一，這是因爲只對li.rathdown應用了格式，而不是其他任何class。我仍然不明白爲什麼底部有差距？ – Olical 2010-12-17 16:47:18

這很難在沒有html的情況下進行調試。如果你可以提供一個鏈接，它將允許SO窺視更快地調試，因爲我們可以使用螢火蟲快速修改你的HTML/CSS。 – mrtsherman 2010-12-17 16:54:25

我已經解決了他們兩個現在。底部的差距是由於頁面高度的緣故，我認爲它在IE中被某些padding（???）縮短，並且菜單通過將樣式應用於所有的li來修復。

對不起，不好的答案。這確實是一個邊緣案例。

來源

2012-10-27 21:27:40 Olical

IE6 li標籤不對齊

回答

相關問題