CSS+DIV常用基本网页布局实例

布局效果图（IE6和FireFox2.0测试通过）
CSS+DIV常用基本网页布局实例

Css文件
body {
}
#header
{
    margin-left:4%;
    margin-right:4%;
    height:80px;
    background-color:Gray;
    }
#menu
{
    margin-left:4%;
    margin-right:4%;
    height:25px;
    background-color:Blue;
    }
.content
{
    margin-left:4%;
    margin-right:4%;
    height:80px;
    background-color:Black;
    }

.left
{

    float:left;
    width:30%;
    background-color:Red;
    }

.right
{

    float:right;
    width:69%;
    background-color:Red;
    }

#ad
{   margin-left:4%;
    margin-right:4%;
    height:80px;
}
#footer
{
    margin-left:4%;
    margin-right:4%;
    height:60px;
    background-color:Blue;
    }

html文件
<body>
    <form >
    <div >header</div>
        <div >menu</div>
        <div >
        <div >left</div>
        <div >right</div>
        </div>
        <div >ad</div>
        <div >
        <div >left</div>
        <div >right</div>
        </div>
        <div >
        footer
        </div>
    </form>
</body>