css - 对齐在 Internet Explorer 中搞砸了(这是一个 float 问题吗？)

Question

我使用的是 wordpress 模板，在 FireFox 中一切正常。

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

这个页面有两个问题:

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

1) 将搜索框(应该在导航菜单的右侧)向下推，使其隐藏在“类别”一词的后面。

2) 并且(可能相关)导航菜单(以 Blog Home、Shop Our Store 等开头)应该向左对齐。在 FireFox 中看起来不错，但在 IE8 中居中对齐。

Answer 1

不，这不是 float 问题。

我在 IE-7 中发现了 2 个问题，它在 IE-8 中工作正常。

执行以下操作

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

2.在你的<div id="navmenu-wrapper"> 上输入 width:690px(或者你想要的，obv 它应该小于 695px)一切都会好起来的。