Posts Tagged ‘不居中’

margin:0px auto在IE中失效的解决方案

星期日, 五月 19th, 2013 39 views

这个问题其实是N年前的问题了,刚刚遇到一个网站需要修复首页的错位问题,因此写下来顺带温习一下:
错位的表现为网站主框架DIV,即warp不居中,准确的说是在IE中不居中,firefox、chrome浏览器无此bug。

检查网站源码发现缺少了一个DOCTYPE声明
在网站首页代码最顶部添加如下代码:

1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]

保存后即可成功居中。
多数在IE浏览器中margin:0px auto失效的情况均为缺少这个DOCTYPE声明造成的。

BeiTown
2013.05.19