0

我有点紧张的时间,所以我很抱歉,这是简短的。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的页面底部卷起来咯,有什么想法?

感谢您提供任何建议。

+0

我认为它与一个标签不浮动?这就是我正在阅读的内容,但是当我将它们浮起来时,它就会分崩离析...... – Olical 2010-12-17 16:37:44

+0

OKAY修复了问题一,这是因为只对li.rathdown应用了格式,而不是其他任何class。我仍然不明白为什么底部有差距? – Olical 2010-12-17 16:47:18

+0

这很难在没有html的情况下进行调试。如果你可以提供一个链接,它将允许SO窥视更快地调试,因为我们可以使用萤火虫快速修改你的HTML/CSS。 – mrtsherman 2010-12-17 16:54:25

回答

0

我已经解决了他们两个现在。底部的差距是由于页面高度的缘故,我认为它在IE中被某些padding(???)缩短,并且菜单通过将样式应用于所有的li来修复。

对不起,不好的答案。这确实是一个边缘案例。