如何在IE6中修复导航

Question

我在IE6中使用topNav的CSS问题

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

Answer 1

尝试使用float：right的inline-block 而不是，或者为float权限定义宽度。

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

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

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

IE6 / IE7的内联块后需要display:inline。这是必须的，因为div不是自然内联的（引擎中的错误）。

Answer 2

我不会在每个div类'tableft-c'中使用单个<li>项，而是使用：

<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对于凌乱的代码非常无情。