Comunidad de diseño web y desarrollo en internet online

Cuadricula de Contenido Dinámica (DIV+CSS) //ayuda

Citar            
MensajeEscrito el 19 Jul 2010 07:59 pm
Buen foro este, mi primer post.

Estoy desarrollando una parrilla, cuadricula, "grid", de contenido donde se muestran unos datos que serán introducidos manualmente, los largos de los bloques varian. La ventaja de hacerlo como lo tengo pensado, esque los bloques se acomodan unos arriba de otros si el wrapper se hace mas peque o mas grande, prueben redimencionando el navegador en los sitios que les adjunto.

Mi problema en este momento es que no logro hacer que los bloques div, se acomoden unos encima de otros, como en el siguiente sitio:

http://www.leidsfilmfestival.nl/nl/
http://www.cheetos.com/

En lugar... quedan espacios en blanco (vacios) porque no logran acomodarse:

http://www.bsntor.com.mx/testgrid/test.html


Este es el codigo que tengo para el contenedor de cada bloque.

codigo css escribió:

.diplomados-quad{
float:left;
width:200px;
margin-right:5px;
margin-left:5px;
margin-bottom: 20px;
padding:10px;
background-color:#585858;

border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius: 5px;
}


Espero alguno pueda ayudarme,

saludos!

Por abbo

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 20 Jul 2010 01:13 am
Prueba con las alturas. No he hecho algo como eso, pero según mi experiencia, las alturas de las cajas debe coincidir en algunos puntos para evitar que queden espacios.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.