Foros del Web » Creando para Internet » CSS »

Posicionamiento tablas float left

Estas en el tema de Posicionamiento tablas float left en el foro de CSS en Foros del Web. Hola, estoy intentando posicionar unas tablas una al lado de otra dentro de una capa. Estas estan dentro de un div con un width fijado ...
  #1 (permalink)  
Antiguo 06/07/2012, 08:54
 
Fecha de Ingreso: julio-2012
Mensajes: 1
Antigüedad: 12 años, 5 meses
Puntos: 0
Posicionamiento tablas float left

Hola, estoy intentando posicionar unas tablas una al lado de otra dentro de una capa. Estas estan dentro de un div con un width fijado y cuando redimensiono el navegador se situa una bajo de otra. Hasta aquí todo perfecto.

El problema viene cuando se posicionan abajo y una tabla de las de arriba es mucho más larga. La tabla de abajo no llega a acoplarse a la de arriba sino que se posiciona a la altura de la tabla más grande y la idea es que se acople a la que tiene por encima.
Os dejo una ilustración con indicaciones.

http://www.subirimagenes.net/pictures/99c248dbf53c037da14a417466f7086d.png

Gracias :)
  #2 (permalink)  
Antiguo 08/07/2012, 10:12
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 6 meses
Puntos: 269
Respuesta: Posicionamiento tablas float left

Hola Feralla, esta es una opción basada en javascript/jquery: http://masonry.desandro.com/
  #3 (permalink)  
Antiguo 10/07/2012, 07:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 6 meses
Puntos: 539
Respuesta: Posicionamiento tablas float left

Ese es el funcionamiento marcado por las especificaciones para los elementos flotados.

Use multicolumnas css o pregunte a google por scripts. Hay unos cuantos, ademas del que le indicaron.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: float, imagenes, left, posicionamiento, tablas
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 20:24.