html - 如何修复IE6中的导航

Question

我在 IE6 中的 topNav 出现 CSS 问题

HTML 页面： http: //www.faressoft.net

Answer 1

尝试使用 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; }

在display:inlineIE6/IE7 的 inline-block 之后是必需的。这是必须的，因为 div 不是自然内联的（引擎中的错误）。

Answer 2

<li>我不会在每个 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 对混乱的代码非常无情。