Foros del Web » Creando para Internet » CSS »

distribución de bloques

Estas en el tema de distribución de bloques en el foro de CSS en Foros del Web. Buenas compañeros, tengo una duda y nose por donde empezar. Tengo un conjunto de bloques con el mismo width pero diferente height ( en función ...
  #1 (permalink)  
Antiguo 13/07/2010, 05:34
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 16 años
Puntos: 1
distribución de bloques

Buenas compañeros,

tengo una duda y nose por donde empezar. Tengo un conjunto de bloques con el mismo width pero diferente height ( en función del contenido) que quiero colocar dentro de un contenedor.

Lo que necesito es que estos bloques se vayan colocando uno debajo de otro hasta ocupar todo el height del contenedor, una vez hayan ocupado todo el height del contenedor los bloques restantes deben empezar en otra "columna", a la derecha de los bloques ya colocados y así sucesivamente.

No se si es possible o no.



El CSS de cada bloque es

Cita:
bloque {
float:left;
height:auto;
width:97px;

Gracias de antemano
  #2 (permalink)  
Antiguo 13/07/2010, 09:20
 
Fecha de Ingreso: noviembre-2009
Ubicación: 127.0.0.1
Mensajes: 31
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: distribución de bloques

con el float:left debería salir si le colocas al contenedor un ancho definido.
  #3 (permalink)  
Antiguo 13/07/2010, 10:17
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 16 años
Puntos: 1
Respuesta: distribución de bloques

Si pongo el float left ya se ponen uno al lado del otro. Lo que quiero es que si sobra espacio debajo del primer bloque, el segundo se ponga allí y así sucesivamente hasta rellenar el heigth del contenedor. Una vez rellenado que el siguiente bloque se situara a la izquierda de los primeros bloques.

Gracias

Etiquetas: bloques
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 06:18.