Tarea compleja en CSS

[Anarninquë]

Hola, estoy dando vueltas desde hace un buen rato con un problema a resolver en CSS y no se me ocurre nada, a ver si alguien tiene alguna idea, o si ya tuvo que enfrentarse a algo similar... ¿?



el tema es que estas "fichas" son generadas dinamicamente (con un while desde una base de datos, y lo que quiero es que me agrege la primera en la primer posición, la segunda al lado, la tercera abajo, la cuarta al lado, la quinta abajo, etc...)

y no logro resolverlo...

aca dejo el CSS:

Código:

.ficha2 {
width: 295px;
height: 115px;
margin-left: 20px;
text-align:center;
background: #FFFFFF url(img/ficha_chica.gif) no-repeat;
border: 0px;
color:#000000;
}

probe con float, y tampoco me funciona (porque la segunda no debería tenerlo), y ta', no se como resolverlo... se me ocurrió con tablas, pero quería evitarlas...!

gracias por leer todo esto!

[AlZuwaga]

¿por qué decís que la segunda no debería tenerlo?
poneles float:left a todas y ellas sólas se encargarán de "bajar una línea" cuando no haya más espacio.

[Anarninquë]

Gracias Al Zuwaga por contestar...

puse lo del float porque con float:left; queda así:




(pongo el código del pie de página):

Código:

#pie {
color: #666666;
font: 0.7em "Verdana", serif;
text-align:center;
background-color:#CCCCCC;
}

#pie2 {
color:#CCCCCC;
font: 0.7em "Verdana", serif;
text-align:center;
background-color:#999999;
}

help!

[AlZuwaga]

ponele al pie un clear:both, aunque no estoy seguro si eso lo soluciona del todo... probalo.
sino, poné un <hr /> entre arriba del pie y a éste visibility:hidden y clear:both

[Anarninquë]

Muchas gracias de nuevo...
parece andar, aunque todavía tengo unos problemas con las alineaciones y posiciones, pero bueno, es un principio, ahora intentaré arreglar lo otro...

muchísimas gracias AlZuwaga!!