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

IE8.0下DIV+CSS網(wǎng)站不居中解決辦法
一般寫DIV+CSS都基本經(jīng)過(guò)IE6.0,IE7.0還有火狐瀏覽器測(cè)試過(guò)了,因?yàn)橛玫娜吮容^多都沒發(fā)生錯(cuò)位情況,用IE8來(lái)打開網(wǎng)站,發(fā)現(xiàn)錯(cuò)位很嚴(yán)重,包括首頁(yè),列表頁(yè),文章頁(yè)等,都嚴(yán)重的錯(cuò)位。
之后兩天沒敢用IE8.0打開網(wǎng)站,我多么希望現(xiàn)在用IE8的人不會(huì)太多,就不會(huì)有太多人發(fā)現(xiàn)網(wǎng)站錯(cuò)位問(wèn)題。后來(lái)又想,逃避可不是辦法,畢竟,IE8只會(huì)越來(lái)越多人用,不可能越來(lái)越少人用的。就開始研究網(wǎng)站在IE8下錯(cuò)位的原因及解決方法。
因?yàn)樵?jīng)網(wǎng)站在IE7下一切正常,然后在IE6下發(fā)生錯(cuò)位,是通過(guò)改換代碼來(lái)實(shí)現(xiàn)正常的,然后就想,IE8下錯(cuò)位,會(huì)不會(huì)也應(yīng)該用改換代碼來(lái)實(shí)現(xiàn)避免網(wǎng)站錯(cuò)位的問(wèn)題。這不能不說(shuō)是個(gè)麻煩事,畢竟對(duì)于太多新手站長(zhǎng)來(lái)說(shuō),這是給挑戰(zhàn)。其實(shí)大可不必,IE8瀏覽器本身便具有一個(gè)很好的功能來(lái)完善網(wǎng)站錯(cuò)位的問(wèn)題。
一、客戶端解決
其實(shí)解決方法很簡(jiǎn)單。用IE8瀏覽器打開你的網(wǎng)站,如果發(fā)現(xiàn)錯(cuò)位問(wèn)題,請(qǐng)不用驚慌。在菜單欄上,打開“工具”選項(xiàng),在下拉菜單里找到“兼容性視圖”,勾選上,你再看,是不是網(wǎng)站沒再錯(cuò)位了。
二、網(wǎng)站本身解決
IE8對(duì)margin:0auto;這個(gè)CSS好像不再有用了,頁(yè)面不能居中啦,下午回來(lái)再看看有什么辦法居中,太平洋的前端也說(shuō)他們公司無(wú)視IE8的存在,測(cè)試還是以前的版本。
原因找到啦,我把margin:0auto;寫在了body標(biāo)簽中,IE7以下都可以居中,IE8就不行,解決辦法是,把這代碼寫在div大框架中就可以了。
百度搜索的資料:
程序代碼
- body{text-align:center;width:100%;}
- #wrap{
- text-align:left;
- width:560px;
- margin:0auto;
- border:1pxsolid#333;
- background-color:#ccc;
- }
在所有瀏覽器中都有效的方法: - 在所有瀏覽器中都有效的方法:
- 在所有瀏覽器中都有效的方法:在所有瀏覽器中都有效的方法:
文章名稱:解決IE8.0下DIV+CSS網(wǎng)站不居中問(wèn)題
標(biāo)題路徑:http://www.dlmjj.cn/article/djddgcj.html


咨詢
建站咨詢
