Одинаковая высота у двух блоков

[Klever.]

Кратко: есть основной контентный блок, есть правый контейнер. На контентный блок ложится основная нагрузка: он сильно растягивается под действием новостей и пр., а в правом контейнере будут небольшие объявления, необходимая высота гораздо меньше. Как сделать так, что бы оба этих блока растягивались до футера?

HTML

<div id="right">Правый контейнер</div>
<div id="center">Контентный блок</div>

CSS

#center {
background-color:#8080FF;
margin-right: 252px;
background: url(/templates/Custom/img/contentbg0.1.png);
background-repeat: repeat-x-y;
border: solid 1px black;
}
#right {
background: url(/templates/Custom/img/upheader1.0.png);
background-repeat: repeat-x-y;
width:250px;
float:right;
}

[klierik]

1. забить и оставить как есть, ибо контент должен занимать ту область которую он занимает.

2. сделать таблицами

3. синхронизировать высоту колонок через JS

4. посмотреть тут: http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm

5. или посмотреть тут: https://www.google.com.ua/search?q=html+2+columns+same+height+layout&oq=html+2+columns+same+height+layout&aqs=chrome.0.57j64.15121&sugexp=chrome,mod=13&sourceid=chrome&ie=UTF-8

рекомендую вариант 1.

[Klever.]

Ты меня не совсем понял, сейчас все выглядит примерно так, я хочу, что бы правый блок тоже дотянулся до находещего ся далеко внизу футера:

[klierik]

задача: сделать высоту правой колонки равную высоте центральной колонке?

[Klever.]

Да.

[klierik]

Да.

значит я правильно уже ответил на твой вопрос выше.

[Vin]

По скрину ничего не понял, если честно. Вот три способа http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/kolonki-ravnoy-visoty.html

Если лишний геморрой не нужен — делать таблицами. Если не нужна поддержка IE7, css-свойства displa: table, display: table-row, display: table-cell.

[Klever.]

По скрину ничего не понял, если честно. Вот три способа http://www.xiper.net...noy-visoty.html

Если лишний геморрой не нужен — делать таблицами. Если не нужна поддержка IE7, css-свойства displa: table, display: table-row, display: table-cell.

Спасибо тебе, второй способ решил проблему.

Edited January 10, 2013 by Klever.