谁能帮帮我..?谢谢
[attach]807689[/attach]谁能帮我用DVI+CSS把这样的布局写出来吗??谢谢.... 简单写了一下,参考一下[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一个范例</title>
<style>
body{ margin-top:0;}
.header,.main,.footer{ margin-left: auto; margin-right:auto; width:600px;}
.header{}
.headerup{height:90px; border:1px #FF0000 solid;}
.headerdown{ margin-top:3px; border-top: 1px #FF0000 solid; height:3px; line-height:3px;}
.main{ height:610px;}
.ml{ width:200px; float:left;}
.ml1{ border:1px #FF0000 solid; height:200px;}
.ml2{ border:1px #FF0000 solid; height:400px; margin-top:3px;}
.mr{ width:397px; float:left; margin-left:3px;}
.mr1{border:1px #FF0000 solid; height:400px;}
.mr2{border:1px #FF0000 solid; height:200px; margin-top:3px;}
.footer{}
.footerm{height:100px; border:1px #FF0000 solid;}
</style>
</head>
<body>
<div class="header">
<div class="headerup"></div>
<div class="headerdown"></div>
</div>
<div class="main">
<div class="ml">
<div class="ml1"></div>
<div class="ml2"></div>
</div>
<div class="mr">
<div class="mr1"></div>
<div class="mr2"></div>
</div>
</div>
<div class="footer"><div class="footerm"></div></div>
</body>
</html>[/code]
[[i] 本帖最后由 寅生 于 2008-4-24 23:01 编辑 [/i]] 寓生,谢谢你.
页:
[1]
