css - Internet Explorer 中的对齐混乱（这是浮动问题吗？）

Question

我正在使用 wordpress 模板，在 FireFox 中一切看起来都很好。

但是 - 惊喜，惊喜 - 在 Internet Explorer 8 中看起来不对

在这个页面上有两个问题：

1) 搜索框（应该在导航菜单的右侧）被向下推，使其隐藏在单词 Categories 后面。

2) 并且（可能相关）导航菜单（以博客主页、购买我们的商店等开始）应该与 LEFT 对齐。在 FireFox 中看起来很棒，但在 IE8 中它是居中对齐的。

score 0 · Accepted Answer

Internet Explorer 不喜欢在向左浮动的元素之后向右浮动的元素。我不确定为什么会这样，但由于某种原因，它认为右浮动是新行右浮动。您在这里有两个选择。

将 box-search div 放在代码中导航菜单的上方。这对其他浏览器应该没有任何影响——FF、Chrome、Safari、Opera——它们都会像现在一样显示它。但是，IE 将允许您的右浮动与您的左浮动在同一行，从而解决问题。

或者，给你的导航菜单一个特定的宽度，这样它就可以使用除了搜索所需的空间之外的所有空间，并将两者都向左浮动。

score 0 · Accepted Answer

你的问题是因为这个属性：

#navmenu ul {
   margin:0 auto;
}

在您的 styles.css 样式表的第 656 行。当您想将列表浮动到左侧时，您正在尝试将其居中，因此只需更改它margin:0，您就应该一切就绪。

score 0 · Accepted Answer

不，这不是浮动问题。

我在 IE-7 中发现了 2 个问题，它在 IE-8 中运行良好。

执行以下操作

1.从你的h1中删除行高：18px，这将显示你的标题，它与ie7中的导航混合在一起。

2.把宽度：690px（或你想要的，obv它应该小于695px）放在你的身上<div id="navmenu-wrapper">，一切都会好起来的。

在此处输入图像描述

3 回答 3