求下图的HTML代码，用<div>写。红色的框里全用图片就行。
代码如下：<style type="text/css">
.common{border:1px solid red;}
.float{float:left}
.a{width:980px;height:100px;background:blue;}
.b{width:980px;background:green;height:70px;}
.c{width:780px;height:70px;background:blue;}
.d{width:188px;height:70px;background:yellow;margin-left:10px;}
.e{width:325px;height:300px;background:blue;}
</style>
<body>
<div class="a common"></div>
<div class="b common"></div>
<div class="c common float"></div>
<div class="d common float"></div>
<div class="e common float"></div>
<div class="e common float"></div>
<div class="e common float"></div>
</body>
附上效果图 至于你要的图片你自己截图放进去就好 希望能帮到你 谢谢
我这显示出来有一点点问题，你看看是这么回事。顺便我再问一下怎样将你发给我的这个页面在浏览器中居中。谢谢！
整个外层套上一个 div 然后给div写 margin：0 auto； 宽度设一个 然后他就会居中
至于这个不兼容的问题 是因为我刚才省时间 就没用个容器 把它套起来 你最外层加div 然后加上我给你的样式 就行了
<div style="width:990px;margin:0 auto;">
<div class="a common"></div>
<div class="b common"></div>
<div class="c common float"></div>
<div class="d common float"></div>
<div class="e common float"></div>
<div class="e common float"></div>
<div class="e common float"></div>
</div>
ie 谷歌都没问题了 火狐也不会有问题了 自己测下吧
