Ver Mensaje Individual
  #6 (permalink)  
Antiguo 02/06/2009, 14:49
Avatar de WillxD
WillxD
 
Fecha de Ingreso: febrero-2009
Ubicación: Lima =D!
Mensajes: 82
Antigüedad: 15 años, 1 mes
Puntos: 3
Respuesta: Problemas con divs desacomodadas

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:
Ver original
  1. <div id="contenedor">
  2.  
  3.           <div id="principal>
  4.                   <div class="box1">
  5.                    contenido 1
  6.                   </div>
  7.  
  8.                   <div class="box1">
  9.                    contenido 2
  10.                   </div>
  11.  
  12.                   <div class="box1">
  13.                    contenido 4
  14.                   </div>
  15.  
  16.                   <div class="box1">
  17.                    contenido 5
  18.                   </div>
  19.  
  20.           </div>
  21.  
  22.          <div id="derecho">
  23.  
  24.                   <div class="box1">
  25.                    contenido 3
  26.                   </div>
  27.  
  28.                   <div class="box1">
  29.                    contenido 6
  30.                   </div>
  31.          </div>
  32.  
  33. </div>

y en tu CSS algo así:

Código css:
Ver original
  1. #contenedor{
  2.        width:960px;
  3.        margin:auto;
  4. }
  5.  
  6. #principal{
  7.     width:600px;
  8.     float:left;
  9. }
  10.  
  11. #derecho{
  12.     width:300px;
  13.    float:right;
  14. }
  15.  
  16. .box1{
  17.   width:300px;
  18.   float:left;
  19. }

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

Salu2