divs, alineados 3 en 3.

[ZoroRoronoa]

Hola amigos.
veran, con php y mysql, extraigo unos datos y los imprimo en un div.

El problema es que extraigo todo mediante un bucle, y quiero que salgan alineados 3 en 3.

suponiendo que tengo 10 registros, quiero que el orden sea asi:

1 - 2 - 3
4 - 5 - 6
7 - 8 - 9
10

pero pongo un div padre con 900 px de ancho y height auto.

y los divs que contiene los registros (del 1 al 10), mediante un clase, les pongo ancho de 300 (sin margenes ni padding ni bordes) y los floto a la izquierda (float:left)

pero todos me quedan en ilera hacia abajo

1
2
3
4
5
6
7
8
9
10

Como puedo lograr lo que quiero???

mediante una tabla no se puede, ps el bucle repeteria los TR, o repetiria solo los TD, quedando 1 2 3 4 5 6 7 8 9 10

Me hechan una mano :)

[cristian_cena]

Hola, zoroRoronoa.
yo lo hago exactamente como lo explican aca

En este tema discutimos sobre como maquetar esa lista de registros.

Saludos.

[ZoroRoronoa]

Hola cristian_cena, intente hacerlo algo parecido, usando condiciones y el numero de reistros (num_rows), y no me funcaba.

Lo he logrado despues de dolores de cabeza, 3 pastillas y una coca-cola.

Simplemente aplique dimensiones definidas al padre y a los hijos, los flotes a la izquierda, y display inline, y queda de lujo (al igual como se hace el menu horizontal) solo que usando divs, en lugar de li.

*Lo unico que tuve que cuidar fueron que las dimensiones (anchos, paddings, borders) no sobrepasaran el ancho del padre.

Y ya le hecho un ojo al tema de discucion

[cristian_cena]

Hola, yo uso un contenedor y adentro listo los registros tal cual lo hacen en el primer enlace. y a cada registro lo floto a la izquierda, y a la clase que ponemos en le iteracion le quito el margin right. tal como expongo en ese tema, me parece que es la manera más sencilla y limpia de hacerlo.

Saludos.