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

Question

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

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

在此页面上有两个问题：

1）向下按下搜索框（应该在导航菜单中的右侧），使其隐藏在单词Categories之后。

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

Answer 1

不，这不是浮动问题。

我认为IE-7中的2个问题在IE-8中运行良好。

做以下事情

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

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

Answer 2

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

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

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

Answer 3

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

#navmenu ul {
   margin:0 auto;
}

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