三行两列DIV布局之左固定宽度
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
body{}{
/**//*布局样式*/
text-align:center; /**//* 这里,配合DIV的margin,设置DIV水平居中*/
}
#layout_header, #layout_footer{}{
/**//*布局样式*/
margin:0px auto; /**//*水平居中*/
width:98%;
}
#layout_header
{}{
/**//*这里可以自定*/
height:50px;
}
#layout_container{}{
/**//*布局样式*/
margin:0px auto; /**//*水平居中*/
width:50%;
/**//*这里可以自定*/
text-align:left;
background-color:#CCE7FF;
border:solid 1px red;
}
#layout_right_layout{}{
/**//*布局样式*/
width:100%;
margin:2px 0px 2px -100%;
float:right;
}
#layout_right{}{
/**//*布局样式*/
float:left;
margin:0px 0px 0px 170px; /**//*这里对应左侧栏的宽度*/
/**//*这里可以自定*/
background-color:#fff;
}
#layout_left{}{
/**//*布局样式*/
float:left;
width:160px; /**//*左侧栏的宽度*/
margin:2px 0px 2px 0px;
/**//*这里可以自定*/
background-color:#eef6ff;
}
</style>
</head>
<body>
<div id="layout_header">
这里头
</div>
<div id="layout_container">
<div id="layout_right_layout">
<div id="layout_right">
asdfasdf
<table style="border:solid 1px red;100%;" border="0" cellpadding="0" cellspacing="0" id="lable">
<tr>
<td>
<span id="ctl00_WebSiteNavigate1_labelPageDescription">对会员进行查询列表</span>
</td>
</tr>
</table>
</div>
</div>
<div id="layout_left">
这里写菜单
</div>
<div style="clear: both;display: block"> </div><!-- 这里解决FF 中 layout_container 高度不能自适应 -->
</div>
<div id="layout_footer">
这里有版权
</div>
</body>
</html>
QQ：273352165
evlon#126.com
转载请注明出处。