CSS+div布局

一、固定宽度布局

   1.固定宽度网页居中的方法
    text-align法：
       body{text-align：center；mini-width：790px；} #wrapper{margin：0 auto；text-align：left；width：780px；}
   margin法：
       #container { margin: 0 auto ;  width: 780px; }
      #container { margin: 0 auto ;  width: 85%; }
  相对定位法：
      #container { position: relative;  width:780px;  left: 50%;  margin-left: -390px; }

二、可变宽度布局
     将每列的宽由固定的值改为百分比就行了

#header,#pagefooter,#container{
    margin:0 auto;
    width：760px; /*删除原来的固定宽度*/
    width:85%;   /*改为比例宽度*/
    }
#content{
    float:right;
    width：500px; /*删除原来的固定宽度*/
    width:66%;     /*改为比例宽度*/    }
#side{
    float:left;
    width：260px; /*删除原来的固定宽度*/
    width:33%; /*改为比例宽度*/    }