0

我有一个使用 Sterling 主题构建的Wordpress 网站，但在 Internet Explorer 中垂直显示而不是水平显示菜单时遇到问题。我之前在这里问过这个问题，最后专注于没有解决问题的 jquery 错误。

这是我在 IE9 上显示的屏幕截图。

从那时起，我尝试更改文档类型以强制站点正确显示，但我现在意识到工作中的所有计算机都将 IE9 永久设置为兼容模式，并且更改这将意味着通过 IT 部门。

我不能准确地告诉我的公司该网站在您的计算机上看起来不对，但在其他任何地方都正确，我确实希望避免使用旧版本 IE 的人出现错误，因为目标市场不是精通技术的人，所以任何人都可以提供建议如何让我的菜单在怪癖/兼容模式下正常工作？

我不在乎该网站的其他方面是否不完美，但它实际上无法与这样的菜单一起使用。我基本上只需要它水平显示而不是垂直显示，我假设这与 CSS 有关。

编辑：添加了我的 CSS

样式表中的原始代码是这样的

nav > ul > li {
display:inline-block;
position:relative;
}

nav > ul > li+li {
margin-left:28px;
}

然后我在主题的站点选项部分稍微定制了它（基本上意味着当我更新主题时我的更改不会被覆盖），我的定制是：

nav > ul > li+li {
font-size:14px;
margin-left:10px 
}

我认为它与 display:inline-block; 有关。但我没有尝试过似乎使菜单再次水平。

4

1 回答 1

0

您为此使用了哪些 CSS 属性？你应该做类似的事情

#menu li {
    display: block;
    float: left;
    width: 200px;
    height: 40px;
}

#menu {
    overflow: hidden;
}
于 2012-09-21T09:22:01.450 回答