Динамически установить высоту двух плавающих DIVS

Question

Кодирование выполняется с использованием VS2008. На моей странице есть два элемента div, а именно: dvLeftContent и dvRightContent. Я не могу статически установить высоту страниц, поскольку «dvRightContent» имеет переменную высоту на разных страницах (здесь используются главные страницы) Есть ли функция на стороне клиента (javascript или jquery), которая принимает высоту правого элемента div и присваивает его левому элементу div?

Answer 1

Спасибо, micahwittman. Некоторые незначительные изменения

   $("#dvRightContent").resize(function(){
        $("#dvLeftContent").css("height", ($("#dvRightContent").attr("offsetHeight") - 250 ) +"px");
    });

Это потому, что высота будет давать только "auto" в этом случае, так как его набор такой:

Answer 2

Существует также плагин jQuery, который выполняет эту работу за вас: Equalize

Он обрабатывает оба сценария, когда правый столбец больше левого или когда левый столбец больше правого. Это также позволяет вам указать, какой элемент внутри leftcol или rightcol должен добавить пространство.

Answer 3

Использование jQuery:

$("#dvRightContent").bind("resize", function(){
    $("#dvLeftContent").css('height', $("#dvRightContent").css('height')); 
});