Witam. Tworzę aktualnie news feed na stronie, który będzie zawierał listę ostatnich postów ułożonych w 3 kolumnach. Aktualnie jest tak, że post nie zawsze układa się pod powyższym postem w danej kolumnie, tylko tworzy się między nimi odstęp. Odstęp ten zależy od długości(wysokości) poprzednich postów, i jeśli są dłuższe posty a po nich/przed nimi są krótkie, to duże luki powstają.

Jak można inaczej taki układ news feeda zrobić, oprócz obliczania wysokości każdego z postów? Chyba na Google+ widziałem, że obliczana jest wysokość postu i posty są ustawiane absolutnie, lecz wolałbym uniknąć takiego nieoptymalnego sposobu.

Dziękuję z góry za pomoc.

Nie rozumiem w czym problem. Wystarczy zrobić trzy elementy (kolumny) i wrzucać do nich posty jeden za drugim.

Jeśli napiszesz kilka elementów blokowych obok siebie, to zostaną one ułożone pod sobą. Np. <div></div><div></div> itd. Jeśli ustawisz każdemu elementowi, dolny margines zewnętrzny, będą regularne ładne luki. Nie musisz każdemu ustawiać wysokości - one się ułożą same. Chyba, że masz do nich przypisaną pozycję, np. absolutną lub fixed - wtedy ją usuń, lub nadać relatywną lub statyczną - i wtedy ułożą się jedno pod drugim. Możesz co drugiemu elementowi dać inny background i też będzie ładnie wyglądać. Dajesz to np. div:nth-child(even) albo div:nth-child(odd)