Dopo un pomeriggio intero a picchiarmi con i css ho fatto uno schema anche se mi da l'idea di essere solo un gran casino

qualcuno mi puo correggere?

Codice PHP:
<html>
<head>
<title>prova layout</title>

<style type="text/css">

body {
background: white; 
text-align: center;
}

div#container{
width: 700px;
margin: 0px auto;
text-align: left;
}

div#header{
position:absolute;
width:700px;
height:120px;
border-width: 1px;
border-style: solid;
border-color: black;
}

div#navigation{
position:absolute;
right:0px;
bottom:0px;
width:510px;
height:30px;
border-width: 1px;
border-style: solid;
border-color: black;
}

div#content1{
position:relative;
width:390px;
height:200px;
left:0px;
top:128px;
border-width: 1px;
border-style: solid;
border-color: black;
}

div#content2{
position:absolute;
width:300px;
height:200px;
right:0px;
top:128px;
border-width: 1px;
border-style: solid;
border-color: black;
}

div#content3{
position:absolute;
width:570px;
height:120px;
left:0px;
top:336px;
border-width: 1px;
border-style: solid;
border-color: black;
}

div#content4{
position:absolute;
width:120px;
height:120px;
right:0px;
top:336px;
border-width: 1px;
border-style: solid;
border-color: black;
}

div#footer{
width:700px;
position:absolute;
top:472px;
text-align:center;
}

.container2{
width:700px;
position:absolute;
}


</style> 

</head>

<body>

<div id="container">

    <div id="header">
        <div id="navigation">
        </div>
    </div>

    <div class="container2">        
        <div id="content1">
        </div>
        <div id="content2">
        </div>
    </div>

    <div class="container2">
        <div id="content3">
        </div>
        <div id="content4">
        </div>
    </div>

    <div id="footer">
        

footer</p>
    </div>

</div>
</body>
</html>