Вход

Просмотр полной версии : Динамичное изменение высоты блока

Infinity178
08.07.2015, 13:23
Доброго дня.
каким методом можно установить высоту блока относительно соседних элементов.

пример верстки:

<body>
<div class="wrp">
<div class="fixed_top"></div>
<div class="fixed_content"></div>
<div class="fixed_bottom"></div>
</div>
</body>


просто получить высоту относительно окна(window)/div.wrp не составляет трудностей...
грубый пример (на ходу):

var hWrp = $('.wrp').height(),
hBtn = $('.fixed_bottom').height(),
hTop = $('.fixed_top').height();
var hBox = hWrp-(hBtn+hTop);
$('.fixed_content').css({
height: hBox
});


Но! Как обновить функцию при изменении окна браузера?*
рони
08.07.2015, 13:42
Как обновить функцию при изменении окна браузера?*
$(window).resize(тут ваша функция )

высоту блока относительно соседних элементов.
это не осилил.

а без js не пробовали решить?
Отзывчивые блоки одинаковой высоты на основе Flexbox (http://webformyself.com/otzyvchivye-bloki-odinakovoj-vysoty-na-osnove-flexbox/)
Infinity178
08.07.2015, 13:58
а без js не пробовали решить?

CSS не прокатывает в конкретном случаи. Спс. Тема закрыта =)