这样的div+css布局怎么解决

来源：百度知道 编辑：UC知道 时间：2024/06/08 11:04:57
要做一个网页宽高都是100%。最顶部一个DIV放banner.中间两个IFRAME框架。下面一个底部FOOTER。中间的两个IFRAME要在一个水平线上，左边的IFRAME做导航。固定宽度，比如300px.右边的IFRAME扑满该行剩余的宽度。怎么布这个局。要能在IE和FIREFOX都显示一样的。就象163邮箱一样的。请好心的高人帮忙以下

<html>
<head><title>CC布局</title>
<style type="text/css">
body{width:900px;margin:0 auto;text-align:center}
.main{width:900px;margin:0 auto;margin-top:5px;border:1px solid rgb(143,218,239);}
.banner{width:900px;height:80px;border:1px solid rgb(143,218,239);}
.bodyleft{width:295px;height:600px;float:left;border:1px solid rgb(143,218,239);}
.bodyright{width:595px;height:600px;margin-left:300px;border:1px solid rgb

(143,218,239);}
.foot{width:900px;height:100px;margin-top:5px;border:1px solid rgb(143,218,239);}
</style>
</head>
<body>
<div class="banner">
banner
</div>
<div class="main">
<div class="bodyleft">
左边导航
</div>
<div class="bodyright">
右边内容
</div>
</div>