Disposição de Div's como no Facebook

[XicoXperto]

Ola outra vez malta,

Queria fazer com que os div's ocupassem o espaço vazio, usei o float para fazer com que eles se "mexessem", no entanto, quando o espaço vazio é na vertical eles não ocupam esse espaço.

http://img151.imageshack.us/img151/122/capturadeecr20120517s23.th.png

Pela imagem podem ver o div "Documentos" que tem espaço vazio em cima e não o ocupa, alguma ideia?

E outra coisa ainda, quando fecho os divs (toggle) eles saltam de um lado para o outro, como fazer para que o seu "salto" seja visual para uma pessoa poder acompanhar a deslocação do div.

Para poderem ver o sistema em acção : http://ba.dotslashsource.com/

Malta, qualquer ajuda é bem vinda.

Um grande abraço!

[mjamado]

Se quiseres mesmo que se comporte como a linha temporal do FB, repara como eles o fizeram (os da esquerda têm float à esquerda, e os da direita, à direita, com os respectivos clear).

[XicoXperto]

Hmm, então isso não será apenas CSS, pois as <li> (divs) mudam de lado, precisava de ver se tinha espaço disponível, é isso? Ou entendi mal?

[mjamado]

É só CSS. Só precisas de distinguir as da esquerda das da direita, através duma classe (ou id, ou o que te der mais jeito).