[SOLUCIONADO] Problema con el layout

[xfrancis]

Hola a todos! Quiero comentarles que tengo el siguiente problema: Estoy haciendo un blog y estoy usando un layout de estilo grid. Asi es como quiero que quede:

http://www.casimages.es/i/140129084214410449.jpg.html

pero así es como queda:

http://www.casimages.es/i/140129084215376641.jpg.html

Necesito ayuda!

[pzin]

Por aquí contesté ayer a lo mismo: http://www.forosdelweb.com/f53/puede...4/#post4560453

[xfrancis]

Gracias pzin! Vere de meterme a estudiar eso, gracias!

[xfrancis]

He estado tratando con css y casi lo tengo. Solo tengo el siguiente problema:

Debe verse asi

http://www.casimages.es/i/140129115357804632.jpg.html

pero se ve asi:

http://www.casimages.es/i/140129115359388500.jpg.html

O sea, al revés. Podrian ayudarme?

[pzin]

Pero eso ya es otra cuestión ¿no?

Acostúmbrate a poner código, HTML y CSS, porque tampoco se sabe qué es cada cosa.

[xfrancis]

Ok, gracias pzin. Esto es lo que tengo en CSS:

Código:

#content {
    margin: 2.857em auto;
    width: 940px;
-moz-column-count: 1;
        -moz-column-fill: auto;
    -webkit-column-count: 1;
    
    -webkit-column-fill: auto;
    column-count: 1;
    
    column-fill: auto;


}

Código:

.hentry,
.error404 .hfeed > div {
    background: #fff;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
            box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    //float: left;
    margin: 0 10px 1.429em;
    width: 290px;


-moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    display: inline-block;

  


}

No pongo el html porque estoy usando wordpress, pero creo que se entiende de todas formas. Es un div padre primero y la clase es de los post.

[xfrancis]

Solucionado con

Código:

vertical-align: top;

.