Split UL элементы для ответственных колонн

Question

ли это мой первый пост, так пожалуйста, прости мне мои ошибки: P

Я хотел бы сделать список разбитый на несколько колонок, как на этих сайтах:

http://www.maxmodels.pl/

http://themecloud.co/ - есть несколько подобных тем

до сих пор я делаю код: http://jsfiddle.net/cfUqc/2/

ul{ 
    width:760px; 
    margin-bottom:20px; 
    overflow:hidden; 
} 
li{ 
    padding:10px; 
    border:1px solid #ccc; 
    float:left; 
    display:inline; 
} 
#double li { width:45%;} 
#triple li { width:30.333%; } 
#quad li { width:25%; } 
#six li  { width:16.666%; } 

но у меня есть пустое пространство между горизонтальными элементами.

Answer 1

Если бы я пытался добиться эффекта, который, как я полагаю, после того, как я посмотрю на использование библиотеки кладки http://masonry.desandro.com. если это не дает вам точно, что вам нужно. Существует много других проектов клонирования.