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

Question

[belka1906]

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

Страница состоит из footer'а, header'а и основного блока, футер и хедер закреплены соответственно внизу и вверху страницы, блок занимает оставшееся место между ними, при большем количестве контента в блоке появляется вертикальная прокрутка, при которой футер и хедер остаются всегда на своих местах. На всей странице вертикальной прокрутки нету.

Answer 1

[Юрий Лобанов]

jsfiddle.net/iiil/vPrsz/1

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

при небольшом количестве контента
jsfiddle.net/iiil/vPrsz/2

Answer 2

[Илья Шабанов]

jsfiddle.net/A2Jsb/2/show

Comments

[belka1906]

При большом количестве текста он уходит вниз за границу страницы, а прокрутка не работает, не подскажете, в чем может быть проблема?

[belka1906]

Код аналогичный

[Илья Шабанов]

проблема скорее всего в стилях внутренних элементов

Answer 3

[Роман Булгаков]

используйте для элементов хэдера, футера и контента CSS-свойство position:fixed
для контента - overflow:scroll и будет вам счастье.