CSS фиксированная позиция не прилипает к низу при изменении размера окна

Question

Вот jsFiddle того, что происходит: http://jsfiddle.net/A4bzQ/1/

Итак, вот моя проблема. Если вы измените размер окна настройки высоты, вы заметите, что когда вы получите полосу прокрутки для высоты, нижний колонтитул будет придерживаться позиции относительно страницы, а не окна. Мне бы хотелось, чтобы нижний колонтитул всегда оставался в нижней части экрана. Это происходит, когда вы получаете горизонтальную полосу прокрутки, а затем начинаете прокручивать вниз.

Кто-нибудь имеет какие-либо решения для этого типа проблемы?

Спасибо, Evan

Answer 1

Вместо position:absolute вы хотите использовать position:fixed.

http://jsfiddle.net/A4bzQ/2/

Подробнее о недвижимости position: http://www.quirksmode.org/css/position.html

Элемент с position: fixed извлекается из нормального потока страницы и расположены в нужных координатах относительно браузера окно. Он остается в этой позиции независимо от прокрутки.