[Resolvido] Posicionamento de divs

[Gustavo Serafim 0]

Oi pessoal, tudo bem?

 

estou criando uma rede social com o wordpress para fãs de uma cantora, onde o user loga no WP e é mostrado uma dashboard com todos os posrs que os membros criam na rede e tudo mais... porém, eu queria que mostrasse os posts tipo essas fotos: http://fi-x-you.tumblr.com/ uma embaixo da outra, sem nenhum intervalo de espaço, fora o que eu determinar por margin. O problema é que fica um espaço entre os posts. São exibidos 3 posts por linha, e são com heights diferentes, se um tem 300px de height, o outro 250px e o outro 600px, a outra linha só vai começar a ser exibida embaixo do de 600px, entenderam o problema? não sei explicar muito bem hahaha Olhem como fica:

 

 

o código está assim:

 

#body_post1 {
   width: 300px;
   float: left;
   position: relative;
   display: block;
   margin-right: 15px;
   margin-bottom: 15px;
   -webkit-transition: all 2s ease;
   -moz-transition: all 2s ease;
   transition: all 2s ease;
   -o-transition: all 2s ease;
}

 

o que estou fazendo de errado?

 

Obrigado :D

 

PS.: não levem a sério os posts que tem ali, estamos testando a criação dos posts pela rede social, então né... hahahahha

[André do Vale 76]

Há algumas soluções com css/js puro pra resolver isso daí, mas eu prefiro cortar caminho: http://masonry.desandro.com/

[Gustavo Serafim 0]

Há algumas soluções com css/js puro pra resolver isso daí, mas eu prefiro cortar caminho: http://masonry.desandro.com/

 

Obrigado André, consegui!