Все,
У меня есть страница, которая должна занимать только доступное пространство экрана браузера.
У меня есть «верхняя панель» и «нижняя панель», обе из которых фиксированно расположены вверху и внизу страницы. Я хочу иметь элемент div, который будет занимать оставшееся пространство между двумя полосами, упомянутыми выше.

Очень важно, чтобы средний элемент div не перекрывал верхнюю и нижнюю панели. Возможно ли это вообще с помощью CSS или мне нужно использовать js.
Кроме того, если я использую js, учитывая, что браузер сначала загружает CSS, а затем код js, как вышеописанное работает с использованием js для центрального позиционирования?
Большое спасибо