Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Desorden en el posicionamiento del los Divs

Estas en el tema de Desorden en el posicionamiento del los Divs en el foro de CSS en Foros del Web. Hola! buenas tardes a todos! He estado buscando por el foro a alguien que haya tenido la misma duda y no he encontrado nada. Lo ...
  #1 (permalink)  
Antiguo 12/01/2014, 12:24
 
Fecha de Ingreso: noviembre-2011
Ubicación: valencia
Mensajes: 5
Antigüedad: 12 años, 5 meses
Puntos: 0
Pregunta Desorden en el posicionamiento del los Divs

Hola! buenas tardes a todos!

He estado buscando por el foro a alguien que haya tenido la misma duda y no he encontrado nada. Lo expongo y a ver si alguien puede ayudarme (con lo que seguramente sera unan tontería)

El caso es que estoy haciendo una sección en mi pagina que contiene un div (que abarca un trozo de la web) y a su vez dentro tengo varios divs con el mismo id con la propiedad float left, para que formen tres columnas.

El problema que tengo es que los tamaños de altura de los divs varia en función de su contenido y los divs no se sitúan en la web como yo quiero (por orden)

la explicación ha sido bastante mala jeje, asi que adjunto dos imágenes una con lo que me pasa y otra con como quiero que se quede.



El div 4 en lugar de ponerse debajo del 1 se queda debajo del 3 y el resto empiezan a partir de la linea de rayas.

Hay alguna forma de que se queden asi?:



Tened en cuenta que se cargan a partir de un bucle del tipo:

div (contenedor principal)
[bucle]
div (modulos a colocar)
[fin de bucle]

Muchísimas gracias y un saludo!
  #2 (permalink)  
Antiguo 12/01/2014, 12:36
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Desorden en el posicionamiento del los Divs

Es el comportamiento normal y lógico cuando flotas elementos. Alternativamente puedes usar columnas CSS en lugar de flotar esos elementos, o dejarlos flotados y usar algo de JavaScript, hay por ahí algo llamado masonry que sirve para eso justamente. No pongo enlaces porque ando con el móvil.
  #3 (permalink)  
Antiguo 13/01/2014, 06:22
 
Fecha de Ingreso: noviembre-2011
Ubicación: valencia
Mensajes: 5
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: Desorden en el posicionamiento del los Divs

hola!

Ya lo tengo controlado, he usado Masonry v3 y me ha funcionado a la perfeccion!

Muchas gracias!
  #4 (permalink)  
Antiguo 13/01/2014, 09:28
 
Fecha de Ingreso: junio-2013
Mensajes: 18
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Desorden en el posicionamiento del los Divs

ubieses deajdo la forma de como lo iciste
  #5 (permalink)  
Antiguo 13/01/2014, 09:30
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 12 años, 7 meses
Puntos: 397
Respuesta: Desorden en el posicionamiento del los Divs

Cita:
Iniciado por lordbeliar2010 Ver Mensaje
ubieses deajdo la forma de como lo iciste
En este caso la verdad no es nada del otro mundo, si quieres ver como funciona, mira la pagina de Masonry

Saludos
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.

Etiquetas: diseño-web, html
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 00:28.