网页制作
作者： ieidea 今天做个小站，索性抛弃表格来一次彻底的CSS+XHTML。好久不这么做，手都很生了。写了个简单的左右两侧栏宽度固定的三栏布局，拿出来让大家指正。
页面代码：
| 程序代码： | [ 复制代码到剪贴板 ] |
<div id="content">
<div id="left">#left</div>
<div id="right">#right</div>
<div id="middle">#middle</div>
</div>
<div id="left">#left</div>
<div id="right">#right</div>
<div id="middle">#middle</div>
</div>
CSS：
| 程序代码： | [ 复制代码到剪贴板 ] |
#content { width:700px; margin:auto; background:#FFF url(bg.png); border:1px #DCDCDC solid; text-align:left; }
#left{
float:left;
width:231px;
height:300px;
margin:0;
border-right:1px solid #EFEFEF;
}
#right{
float:right;
width:232px;
height:300px;
margin:0;
}
#middle{
border-right:1px solid #EFEFEF;
height:300px;
margin-left:232px;
margin-right:232px;
}
#left{
float:left;
width:231px;
height:300px;
margin:0;
border-right:1px solid #EFEFEF;
}
#right{
float:right;
width:232px;
height:300px;
margin:0;
}
#middle{
border-right:1px solid #EFEFEF;
height:300px;
margin-left:232px;
margin-right:232px;
}
查看页面效果
| Tags (标签) | 引用通告地址 (0) |
| Tags: Css | Web标准 | Html |
 http://www.gogogo8.com/ver2/Blog/trackback.asp?tbID=341 http://www.gogogo8.com/ver2/Blog/trackback.asp?tbID=341&CP=GBK |
