Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/02/2012, 22:11
Avatar de referenteweb
referenteweb
 
Fecha de Ingreso: febrero-2012
Ubicación: Chile
Mensajes: 22
Antigüedad: 12 años, 9 meses
Puntos: 4
Respuesta: problemas con float:left

Debes tener 2 columnas.

La columna de la izquierda debe envolver a los 3 divs y esta debe tener un ancho fijo y sea flotante. Ejemplo:

div.columna1{ width: 300px; float: left }

Para la columna 2 funciona de la misma manera

div.columna2{ width: 400px; float: left; }

Y debes tener un elemento que pueda hacer un quiebre, el html seria:

Código HTML:
Ver original
  1. <div class="columna1">
  2.     <div class="div1"></div>
  3.     <div class="div2"></div>
  4.     <div class="div3"></div>
  5. </div>
  6. <div class="columna2">
  7.     <div class="div4"></div>
  8.     <div class="div5"></div>
  9. </div>
  10. <div style="clear: both;"></div>

Espero te sirva

Saludos