margin:0 auto;在IE8中不能居中显示的5个解决办法

margin:0 auto;在IE8中不能居中显示的5个解决办法
事实上,前两个方法最靠谱了,后面三种,姑且看看吧。–Ahe
IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦。
1…网易的解决方案(我喜欢)

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

2…简单高效的方法
使用<center></center>标签。这是在html4.0文档中找到的宝贝,只要用它包裹div就可以在所有浏览器中实现居
中。但是他同时也让div内部的元素居中显示。所以使用时还要为div单独设定文本对齐。此方法在我的IE8浏览器兼容
性视图中测试通过。
3…常见的方法

<style type="text/css"> 
#container{
position:relative; 
width:1000px;  
left:50%; 
margin-left:-500px; 
background-color:#ffffff; 
</style>
这段代码在IE8兼容视图中有效,说明如下。
#container 控制居中的div容器名,一般为最外层的div。
position:relative; 说明它的位置要设置为固定的。
left:50%; 说明这个div距左边距离是浏览器宽度的一半。
margin-left:-500px;这里-500px是由width/2得到的,其他宽度也相应的方法得到这个值,这样就将多移动过去的一
半宽度调整回来了。
4…网站程序解决
这种方法跟第三点有些地方还是不同的,请仔细比较。
<style type="text/css"> 
body{text-align:center; width:100%;} 
#container{ 
text-align:left; 
width:1000px;
margin:0 auto; 
border:1px solid #333;  
background-color:#ccc; 
</style>

这个方法是在所有浏览器中都有效的方法:

5…在客户端浏览器解决
其实解决方法很简单,但是一般情况下客户是不知道这样用的,所以最好在网站程序中就设计好处理办法。
用IE8浏览器打开你的网站,如果发现错位问题,请不用惊慌。在菜单栏上,打开“工具”选项,在下拉菜单里找到“兼容性视图”,勾选上,你再看,是不是网站没再错位了。