Skip to content

Изменение высоты дива средствами javascript

Имеем следующую конструкцию:

Контейнер component_left_row зависит от высоты контейнера component_right_row, потому что обычно он самый большой по высоте. Но если контейнер component_left_row_userinfo становится больше чем component_right_row - то внизу component_right_row образуется пустота и выглядывает фон.
Нужно чтобы component_right_row растянулся,а сам он не хочет)

Выход - джаваскрипт.

$(document).ready(function(){
var height_left = document.getElementById('component_left_row_userinfo').clientHeight; //узнаем высоту левого дива
var height_right = document.getElementById('component_right_row').clientHeight; //узнаем высоту правого дива

if (height_right//если меньше - делаем)
$("#component_right_row").css({height:$("#component_left_row_userinfo").height()}); //аяксовая магия
$("#component_right_row").animate({height:$("#component_left_row_userinfo").height()},600); //аяксовая магия
}
});

Leave a Reply

Your email address will not be published. Required fields are marked *

π