Как объединить фиксированные div высоты с div с высотой в%?

Question

У меня 3 вертикальных деления: topdiv - фиксированная высота 100px;middlediv - это должно заполнить остальную часть страницы bottomdiv - это имеет фиксированную ширину 200px;

Я хочу расположить div таким образом, чтобы нижний div был внизу экрана, верхний наtop и middlediv должны заполнять пространство между верхним и нижним div.

Раньше я использовал javascript для изменения размера среднего div, но при изменении размера окна браузера средний div не изменяется.

Есть идеи?

Answer 1

Ну, вы можете использовать min-height: x%, но это невозможно сделать иначе, используя чистый CSS, с помощью jQuery это будет выглядеть примерно так:

$(document).ready(function()
{
wh = $(window).height();
md = $("middlediv").outerHeight()
if ( md+100 < h)
{
$("#middlediv").css("height", w-100 + 'px');
}

}

И если вы захотите добавить обработчик событий для изменения размера окна, это возможно и будет в основном той же функцией (более или менее).

Answer 2

См. 456bereastreet или попробуйте эту скрипку .

Answer 3

кто-то другой опубликовал это по аналогичному вопросу.Я не использовал это, но это помогло им.Может быть, это поможет вам.Это дает вам возможность иметь нижний колонтитул внизу страницы, даже если содержание не достигает дна.Попробуйте.