Два резиновых сайдбара равной высоты?

Question

[Ива]

Подскажите как сделать два резиновых сайдбара, тдин слева и один справа, они должны быть равной высоты, изминятся в зависимости от их наполнения, но не должны зависить от центрального блока с контентом. Буду очень благодарен за ответ.

Answer 1

[Денис Букреев]

самое простое - оберунть все три дива в один с display: table, а блокам назначить display:table-cell

Comments

[Ива]

Извиняюсь исправил вопрос, нужно что бы зависили только сайдбары, а центральный блок был бы обособленым, и сайдбары от него бы не зависили, а зависили бы только друг от друга, подскажите как это сделать пожалуйста

[Денис Букреев]

пару строк в js тогда стоит чиркнуть

[Ива]

Денис Букреев: я к сожелению не знаю js может пример какой нибудь скините, пожалуйста.

Answer 2

[Андрей]

Дак выберите наибольшей высоты блок. Как нибудь так

$.fn.setAllToMaxHeight = function() {
  return this.height(Math.max.apply(this, $.map(this.children(), function(e) { 
    return $(e).height();
  })));
};

$('.sidebar').setAllToMaxHeight()

Comments

[Ива]

Спасибо.)
А не подскажите с помощью less я могу сделсть что то подобное?

[Андрей]

Ива: less это препроцессор для css. я бы тогда написал на css версию

[Ива]

Андрей: То есть это возможно без использования js сделать только используя css?