Foros del Web » Creando para Internet » CSS »

Alineación de columnas con filas independientes

Estas en el tema de Alineación de columnas con filas independientes en el foro de CSS en Foros del Web. Hola que tal querida comunidad, estoy intentando organizar contenidos dinámicos en una web de una manera un poco "diferente" y me ha surgido una duda ...
  #1 (permalink)  
Antiguo 12/01/2011, 07:42
Avatar de karlic0s  
Fecha de Ingreso: abril-2007
Ubicación: Cartagena (Murcia)
Mensajes: 241
Antigüedad: 17 años
Puntos: 18
Alineación de columnas con filas independientes

Hola que tal querida comunidad, estoy intentando organizar contenidos dinámicos en una web de una manera un poco "diferente" y me ha surgido una duda que no logro resolver, para explicar el problema pongo un ejemplo ilustrativo en el que cada cuadro de color es un div distinto:




La imagen de la izquierda muestra lo que quiero hacer, la de la derecha lo que realmente hace con un <div style="position:Relative; float:left; width:300px;"></div>, una opción sería hacer, en este caso 4 columnas que contengan los divs pertinentes, pero con esa opción me surgén dos problemas:
- El contenido es dinámico y sale de una base de datos, por tanto, puede que haya 4 divs, o 400.
- Quiero que el número de columnas se adapte a la configuración de pantalla del usuario y con la opción de meter los divs en columnas las he de limitar.

Alguna idea? ando un poco perdido.

Un saludo y gracias por su lectura
  #2 (permalink)  
Antiguo 12/01/2011, 08:33
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Alineación de columnas con filas independientes

Dudo que pueda hacerlo sólo vía css y mucho menos improbable que sea multinavegador, multidispositivo. Más si a priori desconoce el valor de todas las posibles variables.
Creo que deberá apoyarse en algún tipo de programación, para, por ejemplo, calcular las medidas de cada caja y en función de ellas posicionarlas, especialmente en lo que se refiere al eje y.
  #3 (permalink)  
Antiguo 12/01/2011, 08:51
Avatar de karlic0s  
Fecha de Ingreso: abril-2007
Ubicación: Cartagena (Murcia)
Mensajes: 241
Antigüedad: 17 años
Puntos: 18
Respuesta: Alineación de columnas con filas independientes

Cita:
Iniciado por kseso? Ver Mensaje
Dudo que pueda hacerlo sólo vía css y mucho menos improbable que sea multinavegador, multidispositivo. Más si a priori desconoce el valor de todas las posibles variables.
Creo que deberá apoyarse en algún tipo de programación, para, por ejemplo, calcular las medidas de cada caja y en función de ellas posicionarlas, especialmente en lo que se refiere al eje y.
ummm lo suponia, aun así... se le ocurre algo que pueda hacer? estoy totalmente en blanco, sobretodo porque el contenido es dinamico...
  #4 (permalink)  
Antiguo 15/01/2011, 04:47
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Alineación de columnas con filas independientes

Hola:

Cita:
Iniciado por karlic0s Ver Mensaje
aun así... se le ocurre algo que pueda hacer?
¿No te lo han dicho ya?

Cita:
Iniciado por kseso? Ver Mensaje
... deberá apoyarse en algún tipo de programación...
Ahora toca escoger, javascript, PHP, ASP, Java y alguno más que se me queda en el tintero.

Saludos.


Etiquetas: columnas, filas, independientes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:37.