本文和大家重點學習一下如何解決IE8.0下DIV+CSS網站不居中問題，相信本文介紹一定會讓你有所收獲。

IE8.0下DIV+CSS網站不居中解決辦法

一般寫DIV+CSS都基本經過IE6.0，IE7.0還有火狐瀏覽器測試過了，因為用的人比較多都沒發生錯位情況，用IE8來打開網站，發現錯位很嚴重，包括首頁，列表頁，文章頁等，都嚴重的錯位。

之后兩天沒敢用IE8.0打開網站，我多么希望現在用IE8的人不會太多，就不會有太多人發現網站錯位問題。后來又想，逃避可不是辦法，畢竟，IE8只會越來越多人用，不可能越來越少人用的。就開始研究網站在IE8下錯位的原因及解決方法。

因為曾經網站在IE7下一切正常，然后在IE6下發生錯位，是通過改換代碼來實現正常的，然后就想，IE8下錯位，會不會也應該用改換代碼來實現避免網站錯位的問題。這不能不說是個麻煩事，畢竟對于太多新手站長來說，這是給挑戰。其實大可不必，IE8瀏覽器本身便具有一個很好的功能來完善網站錯位的問題。

一、客戶端解決

其實解決方法很簡單。用IE8瀏覽器打開你的網站，如果發現錯位問題，請不用驚慌。在菜單欄上，打開“工具”選項，在下拉菜單里找到“兼容性視圖”，勾選上，你再看，是不是網站沒再錯位了。

二、網站本身解決

IE8對margin:0auto;這個CSS好像不再有用了，頁面不能居中啦，下午回來再看看有什么辦法居中，太平洋的前端也說他們公司無視IE8的存在，測試還是以前的版本。
原因找到啦，我把margin:0auto;寫在了body標簽中，IE7以下都可以居中，IE8就不行，解決辦法是，把這代碼寫在div大框架中就可以了。

百度搜索的資料：

程序代碼

<styletypestyletype="text/css"> 
body{text-align:center;width:100%;}  
#wrap{  
text-align:left;  
width:560px;  
margin:0auto;  
border:1pxsolid#333;  
background-color:#ccc;  
}  
</style> 
<dividdivid="wrap">在所有瀏覽器中都有效的方法:<pre> 
在所有瀏覽器中都有效的方法:  
在所有瀏覽器中都有效的方法:在所有瀏覽器中都有效的方法:  
</pre> 
</div> 

【編輯推薦】

1. JavaScript alert()函數用法說明
2. 解析CSS+DIV在IE6和IE7中的區別
3. 使用IE8 Beta輕松調試JavaScript
4. Javascript數組創建及其常見操作
5. JavaScript調試工具解決IE6等多版本共存問題