中国教程网论坛's Archiver

小朱 发表于 2008-4-24 18:14

谁能帮帮我..?谢谢

[attach]807689[/attach]谁能帮我用DVI+CSS把这样的布局写出来吗??谢谢....

寅生 发表于 2008-4-24 19:27

简单写了一下,参考一下[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]]

小朱 发表于 2008-4-25 15:45

寓生,谢谢你.

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.