【发布时间】:2012-10-28 05:27:40
【问题描述】:
我有点赶时间,所以很抱歉,这很简短。
我正在尝试对齐这六个作为下拉菜单的 li 标签,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下,页面底部微微卷曲,有什么想法吗?
感谢您提供的任何建议。
【问题讨论】:
-
我认为这与未浮动的 a 标签有关?这就是我正在阅读的内容,但是当我将它们浮动时,它会分崩离析...
-
OKAY 修复问题一,它是由于只对 li.rathdown 应用格式,而不是剩余的 li 没有任何类。我还是不明白为什么底部有一个缺口?
-
如果没有 html,这很难调试。如果您可以提供一个链接,它将允许 SO peeps 更快地调试,因为我们可以使用 firebug 快速修改您的 html/css。
-
我做了,在 CSS 上面,我现在已经修复了它们。底部的间隙是由于页面的高度造成的,我认为它在 IE 中被某些填充(???)缩短了,并且通过将样式应用于所有 li 来修复菜单
标签: css internet-explorer drop-down-menu internet-explorer-6