IE8样式表问题

我帮助一个网站上的工作为我的教堂，我曾与一个样式表和IE遇到的问题（太神奇了吧？）IE8样式表问题

有一个浮动搜索框，如果你几乎在每个浏览器中都显示正确。要查看它是正确的，搜索词将出现在图片中搜索框的确切位置。但是，如果IE8处于兼容性视图中，则输入框始终位于右上角，因此您几乎可以确定在右上方的面包屑上方有文本。

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

任何帮助将非常感激。

UPDATE：这就是它看起来像在每一个浏览器我试过，除了IE 8兼容模式 Here is what it is supposed to look like

而这就是IE8的兼容性模式看起来像

Here is what it looks like in IE compatibility mode:

2011-07-04 Will

你有截图这在ie8/compat中看起来像什么？我没有风。 – hellatan

是的，主要说明已更新。谢谢。 – Will

就这么你知道，IE8兼容模式= IE7。 – thirtydot

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

如果这两个元素已经在它们上面声明float:right; clear:right;，并且在社交图标容器后面添加<div class="clear">，那么这两个元素都将呈现更好的跨浏览器。

2011-07-04 14:10:54 Steph

添加此您的标记之间应避免从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]-->

2011-07-04 14:13:31 CodeVirtuoso

我做了ie =边缘，它应该使用最新的渲染器来处理他们正在使用的任何版本的IE。出于某种原因，它仍然以兼容模式呈现给人们，我不知道为什么。 – Will

回答