技术相关 · 2014年9月7日

IE8.0下DIVCSS网站不居中解决办法

一种在客户端解决 

其实解决方法很简单。用IE8浏览器打开你的网站,如果发现错位问题,请不用惊慌。在菜单栏上,打开“工具”选项,在下拉菜单里找到“兼容性视图”,勾选上,你再看,是不是网站没再错位了。 

二网站本身解决 

IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦,下午回来再看看有什么办法居中,太平洋的前端也说他们公司无视IE8的存在,测试还是以前的版本。 
原因找到啦,我把margin:0 auto;写在了body标签中,IE7以下都可以居中,IE8就不行,解决办法是,把这代码写在div大框架中就可以了。 

百度搜索的资料: 

程序代码 

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