对齐在Internet Explorer中搞砸了（这是浮动问题吗？）

Question

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

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

在此页面上有两个问题：

http://www.thebuddhagarden.com/blog/

1）搜索框（应该在导航菜单中右侧）被推下，以便它隐藏在单词Categories之后。

2）并且（可能相关）导航菜单（以Blog Home，Shop Our Store等开头）应该与LEFT对齐。在FireFox中看起来很棒，但它在IE8中是对齐中心。

Answer 1

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

将box-search div放在代码中的navmenu上方。这不会对其他浏览器产生任何影响 - FF，Chrome，Safari，Opera - 它们都会像现在一样显示它们。但是，IE允许你的右浮动与你的左浮动在同一条线上，从而解决问题。

或者，为您的navmenu指定一个特定的宽度，使其除搜索所需的空间外都使用，并向左浮动。

Answer 2

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

#navmenu ul {
   margin:0 auto;
}

在styles.css样式表的第656行。当你想要将列表向左浮动时，你试图将列表居中，所以只需将其更改为margin:0，你应该全部设置。

Answer 3

不，这不是浮动问题。

我认为IE-7中的2个问题在IE-8中工作正常。

执行以下操作

1.删除行高：与你的h1相差18px这将显示你的标题与ie7中的导航混合。

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