css - Arrange different size div blocks -


i need make website layout have blocks "regular dimensions" , "2x2 regular size" blocks , should arranged nice, not matter put bigger , put smaller block. example if have situation @ pic below, need block 8 below 5, , block 9 next 8 (below block 6) , on.

picture: http://i.stack.imgur.com/epwjo.png

here css far:

    .block {     float: left;     display: inline-block;     margin: 3px;     width: 141px;     height: 150px;     border-style: solid;     background: lightgray;     border-width: 1px; }  .block4 {     float: left;     display: inline-block;     margin: 3px;     width: 294px;     height: 308px;     border-style: solid;     background: lightgray;     border-width: 1px; } 

can please me how make it?

thank you

isotope or jquery masonary works want

http://isotope.metafizzy.co/  http://masonry.desandro.com/ 

Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

VBA function to include CDATA -