简单的一个布局CSS+DIV

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>5R-再生资源门户网</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <style type="text/css">
        /* Reset */
        body
        {
            color: #000;
            background: #fff;
            font-size: 12px;
            line-height: 166.6%;
        }
        body, input, select, button, textarea
        {
            font-family: verdana,simsun,sans-serif;
        }
        h1, h2, h3, h4, h5, h6, select, input, textarea, button, table{font-size: 100%;}
        body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, table, th, td, img, blockquote, legend, fieldset{margin: 0;padding: 0;border: 0;}
        input, button, textarea, select, img{margin: 0;line-height: normal;}
        .page{width:950px;height:600px;margin:0 auto;}   
        .header{width:950px;height:60px;border-bottom:1px solid #D2D2D2;}
        .content{width:950px;height:470px;}
        .left_cont{width:450px;float:left;}
        .right_cont{width:400px;float:right;}
        .footer{width:950px;height:60px;border-top:2px solid #9BBAC9;text-align:center;}
    </style>
</head>
<body>
    <div class="page">
        <div class="header">
            <a href='http://www.5rchina.com' title='再资源门户网'><img src='http://img.5rchina.com/5rchina/logo.gif' height="43px" width="260px" /></a>
        </div>
        <div class="content">
            <div class='left_cont'>1</div>
            <div class='right_cont'>2</div>
        </div>
        <div class="footer">
            Power by ©<a href="http://www.5rchina.com/" target="_blank">5rchina.com </a>2011
        </div>
    </div>
</body>
</html>

posted on 2011-05-24 08:48  我叫三炮  阅读(313)  评论(0编辑  收藏  举报

导航