@belka1906

Как сверстать одноэкранную страницу без вертикальной прокрутки?

Как сверстать страницу так, чтобы она отображалась на весь экран при любом разрешении?

Страница состоит из footer'а, header'а и основного блока, футер и хедер закреплены соответственно внизу и вверху страницы, блок занимает оставшееся место между ними, при большем количестве контента в блоке появляется вертикальная прокрутка, при которой футер и хедер остаются всегда на своих местах. На всей странице вертикальной прокрутки нету.
  • Вопрос задан
  • 9677 просмотров
Решения вопроса 2
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
jsfiddle.net/iiil/vPrsz/1

на полный экран
jsfiddle.net/iiil/vPrsz/1/show

при небольшом количестве контента
jsfiddle.net/iiil/vPrsz/2
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Deroy
@Deroy
Senior Developer, Software Architect
используйте для элементов хэдера, футера и контента CSS-свойство position:fixed
для контента - overflow:scroll и будет вам счастье.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы