解决IE6下CSS居中显示问题
本文探讨了一个在不同浏览器中应用CSS样式时遇到的兼容性问题，特别是IE6下margin属性失效的情况。通过将DOCTYPE修改为xhtml，成功解决了在IE6中的显示问题。文章提供了解决方案并提醒开发者注意不同浏览器的兼容性。
今天写一个登录页面，其中输入用户名和密码的div我使用了margin:0 auto的css来使它居中。结果在chrome和firefox下面显示正常，在ie6下这个margin属性失效。查看了页面和css，没法发现哪里有问题（页面比较简单）。新建一个html，将body体中的代码拷过去，ie中显示正常。看来不是css的问题，经过比对发现不同的地方在DOCTYPE。
将jsp中的doctype修改一下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">修改为：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
扫一扫
149
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
