SEO参考：DIV CSS三行两列经典布局

这个XHTML1标准的DIV CSS布局是闻名网页设计师阿捷2004年发布在《网页设计师》上的，一个非常经典的布局，在IE、Mozilla和Opera浏览器中均可以实现居中和高度自适应。完整代码如下（在阿捷的代码基础上作了部分修改）：

＜html＞

＜head＞

＜meta http-equiv=’Content-Type’ content=”text/html; charset=gb2312″ /＞

＜title＞SEO参考:XHTML之经典三行两列布局 - seobbs.net＜/title＞

＜style type=”text/css”＞

body {

background: #999;

text-align: center;

color: #333;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#header {

margin-right: auto;

margin-left: auto;

padding: 0px;

width: 776px;

background: #EEE;

height: 60px;

text-align: left;

}

#contain {

margin-left: auto;

margin-right: auto;

width: 776px;

}

#mainbg {

float: left;

padding: 0px;

width: 776px;

background: #60A179;

}

#right {

float: right;

margin: 2px 0px 2px 0px;

padding: 0px;

width: 574px;

background: #ccd2de;

text-align:left;

}

#left {

float: left;

margin: 2px 2px 0px 0px;

padding: 0px;

background: #F2F3F7;

共3页: 上一页 1 [2] [3] 下一页