css - 顶部导航菜单在 IE 7.0 中的格式不正确，但适用于所有其他浏览器和 IE 版本

Question

我正在开发网站 http://www.kerin.net/who.cfm但它的顶部菜单在 IE7.0 中格式不正确，但在所有其他浏览器中都很好。任何人都可以建议我一些方法来纠正这个问题。

Answer 1

首先，您有一个基于表格的布局。难怪是否有人会尝试帮助您。基于表格的布局是现代 Web 开发中的一大“禁忌”。并不是说我反对。

要解决问题，请执行以下操作。

div.menu
{
width: 50px; /*you can have any width you like here */
}

从您的问题中不清楚您是如何在 IE7 中进行测试的。我在 Web 开发工具栏中使用 IE9 中的 IE7 模式对其进行了测试并修复了该问题。顶部菜单的破损布局是固定的，它们并排放置，与 Windows 7 上的 IE9 相同。

如果您要问任何进一步的问题，为什么会这样，或者它是否是错误，老实说，我不知道。您的代码太乱了，需要花一些时间才能深入研究。使用更简单的标记可以达到相同的结果。 HTML5 中的 nav 元素和 HTML/XHTML 中嵌套 ul 和 li 元素的 div 元素低于 5。您当前的代码如下

div.sidemenu1 > div.menu > ul > li > div.nav-text > ................ and so on

血腥的管理噩梦。您真的应该尝试简化您的标记。