DIV+CSS中如何让网页全部居中

前几天有个网友问我DIV+CSS中如何让整个网页居中显示，因为最近自己没事了也在学这个，所以也遇到过这个问题，不过也没百度出来（可能我没找到吧），后来找了些网站然后看他们的源码，看到都用了text-align这个属性，于是就随便写了个试了试。 首先大致做出网页的布局：

<div id="divAll">
<div id="divTop">顶部</div>
<div id="divPage">主体
<div id="pageLeft">左</div>
<div id="pageRight">右</div>
</div>
<div id="divBottom">底部</div>
</div>

CSS代码如下：

#divAll{
background-color:#000000;
margin:0 auto;
text-align:center;
}
#divTop{
background-color:#ee0041;
height:100px;
width:800px;
}
#divPage{
background-color:#0f5e00;
height:700px;
width:800px;
}
#pageLeft{
background-color:#dd24dd;
margin:0 auto;
width:200px;
height:700px;
float:left;
}
#pageRight{
background-color:#0024dd;
margin:0 auto;
width:600px;
height:700px;
float:left;
}
#divBottom{
background-color:#58dfab;
width:800px;
height:150px;
}

是不是居中显示了呢？呵呵o(∩_∩)o…，原来只要在所有的div外部再套上一个div并在此div的css中写入text-algin:center就把问题解决了。