Problemas con divs desacomodadas

[WillxD]

Te recomendaría hacer un contenedor el cual tenga todos tus divs. Y a tus divs 1,2,4 y 5 les pongas un float:left y a tus divs 3 y 6 un float:right. Mira algo así:

Código html:

<div id="contenedor">
 
          <div id="principal>
                  <div class="box1">
                   contenido 1
                  </div>
 
                  <div class="box1">
                   contenido 2
                  </div>
 
                  <div class="box1">
                   contenido 4
                  </div>
 
                  <div class="box1">
                   contenido 5
                  </div>
 
          </div>
 
         <div id="derecho">
 
                  <div class="box1">
                   contenido 3
                  </div>
 
                  <div class="box1">
                   contenido 6
                  </div>
         </div>
 
</div>
 

y en tu CSS algo así:

Código css:

#contenedor{
       width:960px;
       margin:auto;
}
 
#principal{
    width:600px;
    float:left;
}
 
#derecho{
    width:300px;
   float:right;
}
 
.box1{
  width:300px;
  float:left;
}
 

Los anchos ya lo vas cambiando y le agregas los margin. Espero haberte dado alguna idea.

Salu2