2014-03-04 39 views
0

我有一個網站,在IE8 +渲染以及渲染,但是我的客戶有自己的IE8瀏覽器設置爲Document Mode: IE7 Standards,他們認爲該網站是壞了時,它不是。IE不會在IE8文檔模式

我讀過的每個地方似乎都暗示這個問題的答案是簡單地在<head>標籤後面添加<meta http-equiv="X-UA-Compatible" content="IE=edge" />。然而,當我嘗試通過IE F12開發人員工具設置Document Mode: IE7 Standards來測試這一點,就不會呈現到IE8文檔模式。

步驟我使用測試:

  1. 在IE中打開http://johngoosey.com
  2. 你應該看到:50%/ 50%的垂直分屏導航左側和內容上對。
  3. 經由F12
  4. 打開開發人員工具
  5. 設置文檔模式到IE7標準
  6. 的50%/ 50%分割在頂部左邊的導航和右下方的內容棧。

如果你做了一個查看源代碼,你會看到我有meta標籤。我已經嘗試了不同的中繼內容值的所有組合(即:IE =邊緣,IE = 8,IE = EmulateIE8)沒有運氣。任何和所有的意見/建議將不勝感激!

回答

1

的問題是,IE7的盒模型被擰的事情了。

舉個例子,在.columns.colLeft左側填充更改爲0,並在.columns.colRight的右填充爲0

的一種方式,你可以解決這個問題是通過一個條件類,如:

.ie8compat .columns.colLeft { 
    padding-right:0; 
} 

.ie8compat .columns.colRight { 
    padding-left:0; 
} 
+0

感謝您的快速響應 - 您的解決方案就像一個魅力! – Scott

+0

您太客氣了。填充是一個奇怪的野獸,尤其是在IE9之前。當你漂浮的物品發生突然變化時,務必檢查這些。祝好運與該網站的其他部分! –