IE兼容模式下排版錯亂問題解決

在ie8下顯示異常

然而在其餘瀏覽器下是顯示正常,解決辦法是:強制IE 8在Internet Explorer標準模式下顯示頁面。。

在head中加入

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

因爲原先寫的是:

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

            應用其餘地方的內容參考區別以下:

            

                 即:

IE=8
<meta http-equiv="X-UA-Compatible" content="IE=8" />
This forces IE 8 to display the page in Internet Explorer Standards mode.
(這將強制IE 8在Internet Explorer標準模式下顯示頁面。)

IE=EmulateIE8
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
This forces IE 8 to use the !DOCTYPE declaration in the page to determine the rendering mode.
這迫使IE 8在頁面中使用！DOCTYPE聲明來肯定渲染模式 (即根據DOCTYPE來肯定渲染模式)