IE8样式表问题

Question

我正在帮助在我的教会的网站上工作，我遇到了样式表和IE的问题（太棒了，对吧？）

有一个浮动搜索框，如果您在几乎所有浏览器中查看，则会正确显示。要查看它是否正确，搜索字词会出现在图片中搜索框的确切位置。但是，如果IE8处于兼容性视图中，输入框将一直放在右上角，这样您几乎可以看出右上方的痕迹符号上面有文字。

我尝试通过将此标记放入我的所有文档中来强制IE使用非兼容模式，但它不起作用并且不会关闭兼容模式。

网址为http://66.165.142.160

非常感谢任何帮助。

更新： 这是我尝试的每个浏览器中的外观，除了IE 8兼容模式

这就是IE8兼容模式的样子

Answer 1

如果您使用元素的自然流，即在<div id="social-icons">之后放置<div id="search">，则可以帮助布局。

如果这些元素在其上声明了float:right; clear:right;，然后在社交图标容器之后添加<div class="clear">，则这两个元素将呈现更好的跨浏览器。

Answer 2

在您的代码之间添加此代码可能会阻止IE8提供兼容模式：

<meta http-equiv="X-UA-Compatible" content="IE=8" />

这对你有用吗？

如果没有，也许您可​​以在条件注释中为其添加修复修复（这将对所有其他浏览器隐藏，仅适用于IE7 /兼容模式）：

<!--[if IE 7]>

Here put the IE7 specific css, which will also apply to IE8 compatibility mode.

<![endif]-->