如何修复 IE6 中的导航

发布于 2024-09-30 03:17:14 字数 202 浏览 2 评论 0原文

IE6 HTML 页面中我的 topNav 的 CSS 问题

http://www.faressoft.net

替代文字

CSS Problem with my topNav in IE6

HTML Page:
http://www.faressoft.net

alt text

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夜无邪 2024-10-07 03:17:14

尝试使用 inline-block 而不是 float:right,或者定义浮动权的宽度。

div#buttons ul { text-align:right; }
div#buttons div.tabLeft { display:inline-block; }

对于 IE6/IE7,在条件注释中提供不同的规则,并

div#buttons div.tabLeft { display:inline; }

在 IE6/IE7 的 inline-block 之后添加 display:inline 是必需的。这是必须的,因为 div 不是自然内联的(引擎中的错误)。

Try using inline-block instead of float:right, or define widths for your float rights.

div#buttons ul { text-align:right; }
div#buttons div.tabLeft { display:inline-block; }

for IE6/IE7 feed a different rule in conditional comments and add

div#buttons div.tabLeft { display:inline; }

The display:inline is necessary after inline-block for IE6/IE7. It is a must, since divs are not naturally inline ( bug in the engine ).

も星光 2024-10-07 03:17:14

我不会在每个 div 类“tableft-c”中使用单个

  • 项,而是使用:
  • <ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    </ul>
    

    然后将它们向右浮动。您的代码比此处需要的更加复杂。

    meder 是正确的,您必须为浮动的任何内容分配宽度。与更现代的浏览器不同,IE6 对混乱的代码非常不宽容。

    Instead of having a single <li> item inside each div class 'tableft-c' I would just use:

    <ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    </ul>
    

    Then float them right. Your code is more convoluted than it need to be here.

    And meder is correct, you must assign widths to anything that you float. IE6 is very unforgiving with messy code, unlike the more modern browsers.

    ~没有更多了~
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文