Organizar contenido <li> de manera ordenada. Ayuda porfavor

[snakepit]

Hola que tal. Tengo un problema, En la siguiente web que estoy trabajando (Esta) Cuando me arroja los resultados, estos se acomodan dentro de un <ul> de 3 columnas.

Estos resultados, cada uno dentro de un <li> se van acomodando uno sobre otro a la derecha, La idea es que se ubiquen primero en la primer columna, una vez que la completan a lo alto, que pase a la segunda columna. Si esta se completa que pase a la 3era columna.

Espero que me entiendan. Seria como un formato de revista donde se va autocompletando el parrafo.

Agradezco su ayuda!!!

[alexk]

mmmm.... segun me lo pinto en mi cabeza... la unica solucion es crear 3 "ul" y que te de ese efecto... solo con CSS no veo mas... chao y suerte!...

[snakepit]

claro si creo 3 ul pero me carga las variables del php me parece que es medio complicado, no hay otra solucion no?

[kseso?]

Voy a disentir de tu comentario, Alexk, así que con tu permiso:

Con css sí podrías, pero css3.
Puedes usar las propiedades relativas a "multi-column". A sabiendas de que habrá ciertos navegadores que aún no las soportan.
Más información aquí y aquí también.

Pero lo más práctico será, como te ha dicho Alexk, que generes mediante la programación que uses (ya sea php u otra) varias listas (ul) flotadas a la izquierda, cada una con un número de elementos (li) con "display: block".

Creo que en algún momento leí algo sobre un script para lograr lo mismo, pero...

Un saludo

[snakepit]

kseso gracias por el dato, voy a ver como hago, porque de la otra manera no se me ocurre como hacerlo, de todos modos voy a intenetar con css3 a ver si funciona y como se ve en los exploradores viejos.

Si alquien tiene alguna alternativa... lo agradeceria

[alexk]

jeje kseso? no pasa nada... pero ya te digo si el CSS2 aun da problemas de compatibilidad el CSS3 mas jeje... pero bueno... no me sabia ese dato gracias...

PD:Actualizen todos a FF... ya salio nuevo jeje chao