Bloques div sin espacio vertical

[mdromed]

Hola...

¿Como hago para que diferentes divs se coloquen unos a continuacion de otros sin dejar huecos verticales entre ellos?
Es decir, bloques seguidos que tienen diferente altura "height" quiero que se agrupen todos sin dejar huecos verticales

Es decir quiero esto:

Código HTML:

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
 

Ya he probado a poner el display:inline-block de cada bloque pero deja huecos verticales asi y no quiero:

Código HTML:

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
 

Gracias

[PHPeros]

Has probado con:

Código CSS:

margin: 0px auto;
 

[pzin]

Iniciado por PHPeros

Has probado con:

Código CSS:

margin: 0px auto;
 

¿Lo has probado tú? Porque no funcionará.

Lo que hay que hacer es o bien usar columnas CSS o bien JavaScript, que para el caso está masonry por ahí.

[mdromed]

Iniciado por PHPeros

Has probado con:

Código CSS:

margin: 0px auto;
 

No, eso no es lo que digo.

[mdromed]

Iniciado por pzin

¿Lo has probado tú? Porque no funcionará.

Lo que hay que hacer es o bien usar columnas CSS o bien JavaScript, que para el caso está masonry por ahí.

Mira en http://www.ebay.es/ tb lo hacen y mirando el codigo no aplican columnas css.


¿Como poder hacerlo?

[pzin]

Usan JavaScript, la misma técnica que hace masonry.

[Linton]

Iniciado por pzin

...para el caso está masonry por ahí...

El nombre es realmente adecuado

[mdromed]

Iniciado por pzin

Usan JavaScript, la misma técnica que hace masonry.

Nunca hubiese pensado que se usara javascript para hacer algo como eso.

Entonces definitivamente NO SE PUEDE HACER CON CSS verdad?

[pzin]

Iniciado por mdromed

Entonces definitivamente NO SE PUEDE HACER CON CSS verdad?

¿En serio? Igual es que no leíste lo de columnas CSS. Ah si, si lo leíste porque dijiste que en eBay no lo usan.

De momento eso es lo único más o menos estable hasta que flexbox y regions salgan adelante y se implementen un poco más. Y del primero no estoy del todo seguro si se podría hacer.

[mdromed]

Iniciado por pzin

¿En serio? Igual es que no leíste lo de columnas CSS. Ah si, si lo leíste porque dijiste que en eBay no lo usan.

De momento eso es lo único más o menos estable hasta que flexbox y regions salgan adelante y se implementen un poco más. Y del primero no estoy del todo seguro si se podría hacer.

ok gracias por tu ayuda compañero

[2D6]

Probaste buscando en Google "pinterest like gallery"?

Acá hay algo sólo con CSS3
http://cssdeck.com/labs/css-only-pin...columns-layout