Форум Сайтостроение Веб-строительство

Блок внутри которого куча маленьких блоков, как прижать к верху блоки ?

L
На сайте с 18.02.2012
Offline
83
l17l
1067

Здравствуйте, есть блок, div, в нем много маленьких div блоков, все блоки эти маленькие разной высоты, какой то ниже, какой то выше.

Как все эти блоки прижать к верху. что бы ровно было.

у маленьких блоков один стиль. 


.paramfull{

margin-right: 4px;

margin-bottom: 12px;

float: left;

}

блоки идут в один рад, применяю float: left;, блоки идут в два ряда, как бы друг за другом, то что я и хотел.

но из за того что блоки разной высоты, блокиду идут не ровно.

как сделать что бы все было ровно.

Щас это выглядит так.

vityalobanov
На сайте с 09.09.2009
Offline
86
vityalobanov
#1

Попробуйте плагин jQuery Masonry.

<script>

$(document).ready(function(){

$('#container').masonry({itemSelector : '.item',});

});

</script>

где #container - родительский блок, .item - маленькие блоки внутри.

L
На сайте с 18.02.2012
Offline
83
l17l
#2
vityalobanov:
Попробуйте плагин jQuery Masonry.

<script>
$(document).ready(function(){
$('#container').masonry({itemSelector : '.item',});
});
</script>

где #container - родительский блок, .item - маленькие блоки внутри.

в этом скрипте много не нужного, там эффект загрузки и т.д ! а так то что он располагает красиво это да зачет, то что надо.

L
На сайте с 18.02.2012
Offline
83
l17l
#3

в ie8 - не работает.

L
На сайте с 18.02.2012
Offline
83
l17l
#4

остается делать table из двух колонок и распихивать туда там делать td valign="top"

думал на css все реализую.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий