html - Elements of different heights suiting the div -


stackoverflow users.

i'm on way create responsive design, here comes 1 problem. design based on list schema:

<ul> <li>first element code</li> <li>second element code</li> (and on (up 20-30 elements) </ul> 

so elments float attribute, next each other, long page width lets them. problem have different heights. example:

**first li*****       **second li****** ***************       ***************** ***************       ***************** ***************        ***************         **third li*****       **fourth li****** ***************       ***************** ***************       ***************** ***************       ***************** ***************       *************** 

two column layout. first li element (first column) has bigger height 1 in second column. element below first column right under it, second element doesnt fit in space (which left because first element in second column has lesser height) , located next second element in first column.

i want achieve:

**first li*****       **second li****** ***************       ***************** ***************       ***************** ***************       **fourth li****** ***************       ***************** **third li*****       ***************** ***************       ***************** ***************  ***************  ***************  

if it's possible, automatically. have use column grid or can achieve other way? hope made question clear, sorry english - poland.

looking forward hearing answer you!

for sort of alignment think pretty stuck isotope - http://isotope.metafizzy.co/ or masonry - http://masonry.desandro.com/.


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -