problemas con float:left

[dinamo]

Hola tengo esta duda desde hace mucho resulta que tengo 5 div cada uno con diferente height el problema es cuando pasa a bajo toma mas espacio y no se pega al de arriba no se si me explico bien



pero en este momento no sale así sale un cuadro de la izquierda mas abajo

saludos

[referenteweb]

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:

<div class="columna1">
    <div class="div1"></div>
    <div class="div2"></div>
    <div class="div3"></div>
</div>
<div class="columna2">
    <div class="div4"></div>
    <div class="div5"></div>
</div>
<div style="clear: both;"></div>
 

Espero te sirva

Saludos

[dinamo]

si es interesante la respuesta pero saco los valores desde un while no se como podria dividir en dos columnas si hago una sola consulta a menos que haga dos consultas con limit

[pitufoweb]

Necesitas poner el código HTML y CSS para ver cual es el problema.




Saludos

[kseso?]

Una de dos:

1:- Si lo quiere compatible con viejas versiones de los navegadores, tiene que tirar de programación para contar cajas, dividir por dos y hacer como le dice Pitufoweb.

2.- Sin programación, sin esa compatibilidad y puro css (ya que estamos en el foro de css): columnas css.