Имя: Пароль:
IT
Веб-мастеринг
Как сделать фиксированные блоки вверху и внизу страницы, а центральный - с прокруткой?
0 acces969
 
07.07.21
06:36
<div name="ВсяОбласть" style="display:block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;">      // блок на весь экран
   <div name="верхний фиксированный"/>                                                                           // заголовок привязан к верху и так
   <div name="Центральный с прокруткой" style="height: 80%; overflow: auto;/>                                    // блок с прокруткой
   <div name="нижний фиксированный" style="position: absolute; box-sizing: border-box;/>                         // нижний блок привязан к низу страницы
</div>

Выжимка с рабочей страницы (может не работать, т.к. перенес только важное). В данный момент скролл работает, но блок с прокруткой налазит на нижний фиксированный блок при различных разрешениях экранов, т.к. высота задана фиксированная - 80% от экрана. Свойство "overflow", насколько я понял, работает только если размеры блока заданы. А я не могу узнать размеры блока, т.к. размеры экранов варьируются.
Что делать?
1 Вафель
 
07.07.21
08:35
Сделай грид
2 Вафель
 
07.07.21
08:36
Ну или хотя бы флексбокс
3 acces969
 
07.07.21
13:26
(1) с грид получилось отлично, спасибо