Как создать страницу фиксированного размера?

Question

[Belhimor]

Привет, появился такой вопрос, мне надо сделать так что-бы header и footer прижаты к топу и низу соответственно, и между ними был блок, в котором находится контент но данный контент должен строго влезать в блок между header и footer не вызывая overflow и прокрутки страницы и не налезая на footer, получается что страница не должна иметь как таковой прокрутки и весь контент находится в блоке между header и footer

Comments

[t800zippygod]

https://dimox.name/press_footer_bottom_with_css/ По этой ссылке найдёте 5 способов, как можно прижать footer к низу страницы.
А расположение контента так, чтобы он не вылезал за края экрана — это уже в ваших руках

[Belhimor]

t800zippygod, спасибо но прижатие футера не проблема, проблема в контроле размера контента, больше интресно есть ли какой-то +- универсальный способ .это сделать

[t800zippygod]

Belhimor, ну для контейнера пропишите overflow: hidden — прокрутка не появится.
А далее уже все зависит от размеров контента — если его будет слишком много, то никак не получится все уместить, он просто уйдёт за границы блоков. Не получится в легковушку слона усадить))

[Belhimor]

t800zippygod, очень печально,но спасибо за помощь.

Answer 1

[Yevhen Dubovka]

https://jsfiddle.net/4huLcbe0/1/

grid-template-rows почитайте про это свойство. Его можно в процентах указывать