Верстка из трех слоев.

[UDAV]

Помогите сверстать.
Сверху и снизу есть фиксированные слои. В не зависимости от экрана они всегда закреплены.
Между этими слоями нужно сделать еще один слой который бы растягивался на весь экран за минусом верхнего и нижнего слоя, т.е. чтоб средний слой не заходил на другие два.

В среднем слое содержится контент. Появляется прокрутка только у среднего слоя.


Примерно вот что надо сделать.
Максимум что получилось это сделать фиксированным средний слой. А надо чтоб он подстраивался под мониторы.

 

[HeadHunter]

футер и шапку не трогаем, для контента указываем высоту в пикселях + параметр overflow:scroll. хлопаем в ладоши и радуемся

 

[UDAV]

kadurinho и как при указании точного кол-ва пикселей средний слой будет подстраиваться под разные размеры экрана? Да к тому же я написал что фиксированный размер получается сделать.

 

[gogikman]

Берешь высоту хедера (h), высоту футера и высоту окна браузера на javascript.
h(окна браузера) - h(хедера) - h(футера) = h(среднего слоя)

и тоже самое действие вешаешь на ресайз окна браузера, чтобы пересчитывалось каждый раз при изменении размеров окна

 

[UDAV]

a33 нет. нужно чтобы блок с контентом был ПОЛНОСТЬЮ показан на экране и если контента много, то у этого слоя появляется скролл.

Удалось сделать через жквери.
Может кому пригодится.

    var height = $(window).height() - 130;
    $("#content").css("height", height);
    $(window).resize(function(){
        var height = $(window).height() - 130;
        $("#content").css("height", height);
    });

 

[sitecreator]

Помогите сверстать.
Сверху и снизу есть фиксированные слои. В не зависимости от экрана они всегда закреплены.
Между этими слоями нужно сделать еще один слой который бы растягивался на весь экран за минусом верхнего и нижнего слоя, т.е. чтоб средний слой не заходил на другие два.

В среднем слое содержится контент. Появляется прокрутка только у среднего слоя.

Посмотреть вложение 48012
Примерно вот что надо сделать.
Максимум что получилось это сделать фиксированным средний слой. А надо чтоб он подстраивался под мониторы.

Насколько успел заметить, у вас путаница в понятиях "слой" и "блок". говорите "слой", но подразумеваете блок. а это совершенно разные вещи.
слой не может растягиваться и изменяться в размерах, у слоя просто нету таких свойств вообще, у него есть только один параметр: Z - это (косвенно) положение относительно других слоев.

 

[COVORP]

да, легко.... только мусор поубирайте, а то наторопя все Для просмотра ссылки Войди или Зарегистрируйся