在dreamweave或者frontpage里面，怎么使层相对于网页居中呢？

来源：百度知道 编辑：UC知道 时间：2024/05/30 02:29:29
lizhfu，你简直是太优秀啦，我佩服得五体投地哦！
那你能否帮我想想怎么把外面的一个层使得它相对于整个网页居中呢？

可以用css来实现。在mozilla、opera和IE浏览器中均可以实现居中
首先我们定义body和顶部第一行#header，这里面的关键是body中的text-align:center;和header中的margin-right: auto;margin-left: auto;，通过这两句使得header居中。注：其实定义text-align:center;就已经在IE中实现居中，但在mozilla中无效，需要设置margin:auto;才可以实现mozilla中的居中。

这是一个完整的典型的三行二列居中高度自适应布局：
<html>
<head>
<style type="text/css">
body{
background:#999;
text-align:center;
color: #333;
font-family:arial,verdana,sans-serif;
}
#header{
width:776px;
margin-right: auto;
margin-left: auto;
padding: 0px;
background: #EEE;
height:60px;
text-align:left;
} #contain{
margin-right: auto;
margin-left: auto;
width: 776px;
} #mainbg{
width:776px;
padding: 0px;
background: #60A179;
float: left;
}
#right{
float: right;
margin: 2px 0px 2px 0px;
padding:0px;
width: 574px;
background: #ccd2de;
text-align:left;
}<