Выровнять виджеты сверху

Добрый день, не могли бы мне помочь с выравниванием виджетов сверху.  (Pun)
Сейчас полный разброд, они разной высоты (поставила наобум, точно останутся Последние темы с прокруткой, остальные будут меняться, неужели каждый вручную вытягивать, может есть решение для всех сразу ?

Чтобы полностью вошел календарь растянула до 268, думала это и задаст общую высоту, но увы.  Чтобы вошла 4 колонка виджетов - 24% (+/- 1 , как более 3 не входит)
[/spoiler]
1) с установкой виджетов образовался зазор  между рамкой форума

2) относительно ширины форума по центру
3)  хотелось бы чтобы автоматом виджеты вытягивались вниз под один размер

Ксандра, адрес форума поставьте в профиль, пожалуйста. Такие вещи быстрее проверять непосредственно на живом примере.

На вскидку могу сказать, что надо добавить строгую высоту (height) для объектов .module

#content-container div#left .module {
margin: 0 5px 0 0 !important;
float: left;
width: 24%;
height: 265px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;  
border-radius: 6px;  
border: 2px solid #cf6110;  
}

только ободок  опустился до нужной высоты, наполнение и фон не сдвинулись. Справа зазор еще устранить бы, или отцентрировать

Ксандра пишет:только ободок  опустился до нужной высоты, наполнение и фон не сдвинулись.

Добавьте с CSS:

Код:

module .main-content {
height: inherit !important;
}

Ксандра пишет:Справа зазор еще устранить бы, или отцентрировать

В таком случае код надо переписать. Вместо

Код:

#content-container div#left {
float: none;
margin-right: 0;
overflow: hidden;
width: 100% !important;
height: 268px;
margin: 0 auto !important;
padding: 5px 0 !important;
}
#content-container div#left .module {
margin: 0 5px 0 0 !important;
float: left;
width: 24%;
height: 265px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
border-radius: 6px; 
border: 2px solid #cf6110; 
}

используйте этот

Код:

#content-container div#left .module {
margin: 0 2px !important;
float: none;
display: inline-block;
height: 255px;
width: 24%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid #cf6110;
text-align: justify;
}
#content-container div#left {
float: none;
margin-right: 0;
overflow: hidden;
width: 100% !important;
height: 255px;
margin: 0 auto !important;
padding: 5px 0 !important;
text-align: center;
}

что-то не получается

Ксандра, что не получается? Я на Вашем форуме тестировала — получалось.

пока нет.
уменьшила выоту до 245, убрала длиннющий стандартный календарь (хотела другой, но может этот верну, если не понр сторонние)

Дана, не получается вот что - если 245 и ставлю опред виджеты, тогда нет зазора между рамкой и содержимым, а при 250 в "последних темах" уже появилась пустота, вернулась к 250.

Дана, только сейчас увидела, что ваш пост дополнен кодом с центровкой, теперь получилось!!! Спасибо огромное за помощь