IE6网页不居中如何解决，解决各种浏览器网页居中问题！

IE6网页不居中如何解决，解决各种浏览器网页居中问题！现在的浏览器种类繁多。比如火狐、IE、谷歌浏览器等。那么怎么用CSS将他们在网页里面居中呢？

以上的问题来源于本人做的一个网站遇到的问题。该网站在除了IE6的所有浏览器里面（包括非IE6）都是居中，唯独在IE6里面是不居中的。后来加了一句代码（在BODY里面加了text-align:center;）就行了。

在CSS里面这样定义就行了：
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
为什么在body里面加上TEXT-ALIGN: center;呢？这个大家都知道，BODY是一个容器，设置为居中之后，里面的内容都会居中的（至少是IE里面）。但是火狐等就不一样了，所以定义一个“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ” 。当然我一般是这样定义的：

body {TEXT-ALIGN: center;}
*{ MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }

上面的代码表示，只要位于body里面的元素。都会居中，因为整个网页都位于BODY里面，所以就实现了用CSS让网页居中的方法，包括IE6。

分享到: QQ空间 腾讯微博 腾讯朋友