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

IE8.0下DIV+CSS網(wǎng)站不居中解決辦法

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

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

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

一、客戶端解決

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

二、網(wǎng)站本身解決

IE8對margin:0auto;這個CSS好像不再有用了，頁面不能居中啦，下午回來再看看有什么辦法居中，太平洋的前端也說他們公司無視IE8的存在，測試還是以前的版本。
原因找到啦，我把margin:0auto;寫在了body標(biāo)簽中，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()函數(shù)用法說明
2. 解析CSS+DIV在IE6和IE7中的區(qū)別
3. 使用IE8 Beta輕松調(diào)試JavaScript
4. Javascript數(shù)組創(chuàng)建及其常見操作
5. JavaScript調(diào)試工具解決IE6等多版本共存問題