Maquetar a 3 columnas

[PosProdukcion]

Hola, ¿sabeís si es posible maquetar una página a 3 columnas, pero que se vayan rellenando desde la primera, cuando esta esté "llena" (supongo que definiendo un alto), se pase a la segunda y después a la tercera?

Si el rellenado se hiciera horizontalmente lo haría flotando los items a la izquierda, pero al ser vertical no tengo ni idea,

Sería algo así, suponiendo que caben 3 items:

Código:

CASO 1: Sólo 3 items

COL 1  | COL 2  | COL 3

ITEM 1 |       |       |
ITEM 2 |       |       |
ITEM 3 |       |       |



CASO 2: 5 items

COL 1  | COL 2  | COL 3

ITEM 1 |ITEM 4 |       |
ITEM 2 |ITEM 5 |       |
ITEM 3 |       |       |



CASO 3: 7 items

COL 1  | COL 2  | COL 3

ITEM 1 |ITEM 4 |ITEM 7 |
ITEM 2 |ITEM 5 |       |
ITEM 3 |ITEM 6 |       |

 

Gracias

[GAST0N]

me parece q tambien debes flotar a la izquierda,... ya lo intentaste?

[PosProdukcion]

Lo que he conseguido hasta ahora es algo así (flotando a la izquierda):

Código:

COL 1  | COL 2  | COL 3

ITEM 1 | ITEM 2 | ITEM 3
ITEM 4 | ITEM 5 | .....

 

No me sirve porque debo respetar el orden de los items....

Gracias

[jomaruro]

Hola:

Eso no podrás hacerlo con CSS a menos que uses las multi-columnas de CSS3 pero no todos los navegadores lo admiten.

De lo contrario pienso que deberías hacerlo con algún lenguaje de programación como javascript, PHP, ASP...

Saludos.