div层火狐居中在ie不居中

本文章来总结关于div层火狐居中在ie不居中,在IE6/7/8中用margin:0 auto;无法实现居中的解决方法。

一般的我们所说的居中有两种,层的居中和层内的居中,层的居中我一般都用:margin:0 auto;(或者 margin-left: auto;margin-right: auto;) 这样的写法;层内的居中(我一般都用于层内的文字):text-align:center; 

这段代码在FF中可以居中,而在IE6/7/8中均不能居中。换成:MARGIN-RIGHT: auto; MARGIN-LEFT: auto;也一样,而且,居右margin:0pt 0pt 0pt auto;的也失效了

问题并不在CSS而在XHTML网页本身

需要加上这样的代码才能使得上述设置有效果:

 

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

 

如果没有这句话,在IE6/7/8中只用margin:0 auto;是无法实现居中的,而在FF中却可以。

如果加了doctype声明,则在一个body下的div,只用margin:0 auto;即可在IE和FF中都实现居中。


 

posted @ 2013-08-26 10:23  thekingofreturn  阅读(231)  评论(0编辑  收藏  举报