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
Post a Comment