[SOLUCIONADO] Elementos flotantes en columnas

[SeaPirates]

Hola, me he encontrado con un problema al tratar de ordenar unos objetos en pantalla. Necesito mostrar 5 divs uno debajo de otro por cada columna, cuando llegue al 6 div que pase a otra columna al lado.

¿Es posible hacer eso mediante CSS? No se de que modo hacerlo, porque no puedo ordenarlos con tablas ni nada similar, solo con css/php


[objeto Col.1] [objeto Col.2]
[objeto Col.1] [objeto Col.2]
[objeto Col.1] [objeto Col.2]
[objeto Col.1]
[objeto Col.1]

PD: Se ocurre hacer esto, pero preferiría por CSS ya que el numero de elementos por columna depende de la pantalla:

Código PHP:

$count = 0;
$top = 0;
$left = 0;
 
while(..) {
 
    if$count <= 5) {
        $top = $top+100;
        $count++;
    } else if($count > 5) {
        $top = 0;
        $left = $left+100;
        $count = 0;
    } else {
        //Posición relativa...
    }
}
 

[Mariano_Floyd]

Tienes que crear 3 divs, uno por cada columna, y dentro de cada div, pones los otros de cada fila, algo asi:

Código:

<div id="contenedor">

<div class="columna1">

<div class=fila1>
</div>

<div class=fila2>
</div>

<div class=fila3>
</div>

<div class=fila4>
</div>

<div class=fila5>
</div>

</div>

<div class="columna2">

<div class=fila1>
</div>

<div class=fila2>
</div>

<div class=fila3>
</div>

<div class=fila4>
</div>

<div class=fila5>
</div>

</div>

<div class="columna3">

<div class=fila1>
</div>

<div class=fila2>
</div>

<div class=fila3>
</div>

<div class=fila4>
</div>

<div class=fila5>
</div>

</div>
</div>

Y luego en css:

Código:

#contenedor{
width:1080px;
height:1360px;
margin:0 auto;
}
.columna1{
width:30%;
float:left;
height:100%;
border:1px solid #000;
box-sizing:border-box;
}
.columna2{
width:40%;
float:left;
height:100%;
border:1px solid #000;
box-sizing:border-box;
}
.columna3{
width:30%;
height:100%;
float:right;

border:1px solid #000;
box-sizing:border-box;
}

.fila1{
background-color:#000;
border:1px solid #fff;
height:20%;
box-sizing:border-box;
width:100%;
}
.fila2{
height:20%;
background-color:#000;
border:1px solid #fff;
box-sizing:border-box;
width:100%;
}
.fila3{
height:20%;
background-color:#000;
border:1px solid #fff;
box-sizing:border-box;
width:100%;
}
.fila4{
height:20%;
background-color:#000;
border:1px solid #fff;
box-sizing:border-box;
width:100%;
}
.fila5{
height:20%;
background-color:#000;
border:1px solid #fff;
box-sizing:border-box;
width:100%;
}

Por supuesto, los tamaños y demás propiedades de css se las puse para que puedas copiar y pegar el código y vieras como queda, a modo de ejemplo, tu puedes darle las propiedades que desees..

Espero haberte sido de ayuda. Saludos