Вход | Регистрация
 

Как сделать фиксированные блоки вверху и внизу страницы, а центральный - с прокруткой?

Как сделать фиксированные блоки вверху и внизу страницы, а центральный - с прокруткой?
Я
   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
Ну или хотя бы флексбокс
   acces969
 
3 - 07.07.21 - 13:26
(1) с грид получилось отлично, спасибо

Список тем форума
 
ВНИМАНИЕ! Если вы потеряли окно ввода сообщения, нажмите Ctrl-F5 или Ctrl-R или кнопку "Обновить" в браузере.