Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/02/2011, 09:51
Avatar de Joni2Back
Joni2Back
 
Fecha de Ingreso: marzo-2009
Mensajes: 146
Antigüedad: 15 años, 8 meses
Puntos: 1
Pregunta Doble columna con css

Buenas, tengo que hacer unas 2 columnas con divs o spans en las cuales, segun si es de class=izq o de class=der se posicione en cada lado.
logre hacerlo, el problema esta en que cuando supongamos
tengo primeras 3 divs de class izq.. y luego 2 de class der.. , las de la derecha no quedan arriba de todo, sino en la misma linea de la ultima.. aca pongo un ejemplo y el codigo de fuente


Código:
<style>
div.comments {
width:200px;
}

div.izq {
float:left;
background:green;
clear:both;
width:50%;
}

div.der {
width:50%;
float:right;
background:red;
vertical-align:top;
}
</style>

<div class="comments">
    <div class="izq">google.com</div>
    <div class="izq">google.com</div>
    <div class="izq">google.com</div>
    <div class="der">google.com</div>
    <div class="izq">google.com</div>
    <div class="izq">google.com</div>
    <div class="izq">google.com</div>
    <div class="izq">google.com</div>
    <div class="der">google.com</div>
    <div class="izq">google.com</div>
</div>
__________________
joni2back {arr0ba} gmail {punto} com