blocos que se encaixam

[rockrgo 138]

Boa tarde pessoal,

 

tenho alguns blocos no meu conteudo que ficam lado a lado usando float. Ficam desta forma

|_||_||_|
|_||_||_|
|_||_||_|

porém se um deles tem um pouco mais de conteúdo eles ficam assim:

|_||_||_|
|_||_|| |
      |_|
|_||_||_|

gostaria que isso não acontecesse e sim que eles se encaixassem automaticamente dependendo do conteúdo.

exemplo:

|_||_||_|
|_||_|| |
|_||_||_|
|_|

alguém tem ideia de como faço isso?

[William Bruno 1501]

A única forma possível com css puro é posicionar os elementos em colunas e não em linhas. Fora isso, não tem como fazer só com css.

[rockrgo 138]

usando javascript da para fazer?

[William Bruno 1501]

com javascript seria o trabalho de calcular elemento por elemento e coloca-los com position.

 

eu não indico fazer isso, mas já vi usarem assim.

é oque esse mansory aqui faz:

http://masonry.desandro.com/

[WBS DIGITAL 6]

basta colocar em suas colunas um overflow:hidden
Porém, se seu conteúdo for maior q a div, o conteúdo irá sumir o q estiver ultrapassando
Aconselho usar porcentagem na width tipo, se quer 4 colunas use a porcentagem de 25% e coloque o height do tamanho q desejar em pixel.

[rockrgo 138]

 

 

Valeu Willian é bem isso mesmo que estou querendo....vou dar uma estudada neste código.

 

valeu.