Positioneren DIV

[Babo]

Hallo,

Het lukt me maar niet om me divjes goed te plaatsen.

body{
margin: 0;
text-align: center;
background-color:#CCCCCC
}

div#main_container{
margin: 0 auto 0 auto;
width: 1024px;
text-align: left;
}

div#box1{
background-color: black;
width: 100%;
height: 75px;
}

div#box2{
background-image:url(topnav.gif);
float: left;
clear: left;
width: 15%;
height: 10px;
margin-top: 10px;
}

div#box3{
background-color:#0000cc;
clear: left;
float: left;
width: 15%;
height: 200px;
}

div#box4{
background-color: white;
float: right;
clear: left;
width: 84%;
height: 200px;
margin-left: 10px;
position: relative;
}

div#box5{
background-image: url(bottomnav.gif);
float: left;
clear: left;
width: 15%;
height: 10px;
}

div#topcontent{
background-image: url(topcontent.gif);
clear: left;
float: right;
width: 84%;
height: 10px;
}

div#Footer{
background-image:url(Footer.gif);
width: 100%;
height: 30px;
}

Het ziet er nu zo uit:
[SMALLIMG]http://i37.tinypic.com/2e3tn5k.jpg[/SMALLIMG]

Het is dus de bedoeling dat het witte vak omhoog gaat, naast het blauwe vak links.
En dat dat kleine blauwe balkje links precies onder dat blauwe vak links komt.

Iemand enig idee?

En dan nog een vraagje: Ik wil dat het linker blauwe vak en het witte vlak langer wordt als de tekst er niet meer inpast. En dat de footer dan mee naar beneden gaat.

 

[Tha Devil]

Wat is de bijbehorende HTML-code?
Aan je afbeelding kunnen we niet zien welk element nou welke CSS-eigenschappen heeft.

 

[peter vazed]

Ik was er gisteren al mee bezig,
doch zonder html is het gissen.

Lijkt mij dat je de linker items in EEN div moet zetten
dan de contentdiv er naast,
dan een clear:both
dan de footer.

 

[Babo]

Het is me al gelukt. Toch bedankt voor de moeite.

Het is opgelost door clear te gebruiken en de elementen in de juiste volgorde in html te zetten.