CSS+DIV网页居中问题

来源：百度知道 编辑：UC知道 时间：2024/06/08 12:53:14
我不是来求助代码的。

一直以来做网站·居中的方法都是：首先在所有层的外面套一个大层，大层的CSS属性设置为：margin:0px auto;。
做了很多网站，在IE和FF下面都显示成功。
但是今天同事发来一个网站首页，CSS设置和我的一样·就是在IE下无法居中，FF是显示居中的。
于是我在body属性里加入了：text-align:center;
结果正常了。

事情虽然解决了。但是弄不懂，同样的网站，为什么会出现这样的差别。

1. 外部容器通常需要有个定宽width值，才能结合margin:0 auto使用，达到居中。

2. IE6和IE7的表现有所差别，margin居中需要结合text-align:center使用

3. 对外部容器的CSS进行处理后，再在内部容器中补充一个text-align:left。让文字正常从左到右显示，以保证万无一失的浏览器兼容性。

你没加w3c规范吧；就是加在头部的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

加上后用margin:0px auto;就可以了

我刚开始时制作css时也是就一个text-align：center完事，但是接触到兼容问题后才知道要这么做，因为不同浏览器对css样式的解析式不同的，所以才出现网页样式的不一样了。

涉及到兼容就要从整体来考虑了
单一的代码解决的只是一时的问题