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

这个问题其实是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

本文链接:margin:0px auto在IE中失效的解决方案

转载声明:BeiTown原创,转载请注明来源:BeiTown's Coder 编码之源,谢谢


Tags: , , ,

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>