【问题标题】:IE6 li tags not aligningIE6 li 标签不对齐
【发布时间】: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


【解决方案1】:

我现在已经修复了它们。底部的间隙是由于页面的高度造成的,我认为它在 IE 中被某些填充 (???) 缩短了,并且通过将样式应用于所有 li 来修复菜单。

抱歉,回答不好。这确实有点极端。

【讨论】:

    猜你喜欢
    • 2016-08-22
    • 2021-07-11
    • 1970-01-01
    • 2019-11-13
    • 2017-11-19
    • 2016-11-06
    • 1970-01-01
    • 2018-04-13
    • 2011-01-03
    相关资源
    最近更新 更多