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

回答