Липкий нижний колонтитул с регулируемой высотой

Question

Я стараюсь иметь липкий нижний колонтитул на своей странице, но с завихрением по сравнению с тем, что я видел раньше.

Верхняя часть нижнего колонтитула всегда должна быть липкой при 50px после содержимого и зеленого цвета, чтобы заполнить остальную часть нижнего колонтитула до конца страницы.

Вы можете увидеть пример на http://enviro2012.tapagecommunication.com

Проблема еще лучше проиллюстрировать, если вы clicl на кнопку «отправить» в плагине Facebook в нижней части страницы.

Дайте мне знать, если вам нужна дополнительная информация! :)

Спасибо!

Answer 1

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

Однако самым простым (и быстрым) решением было добавление достаточного количества нижнего слоя в нижний колонтитул, чтобы покрыть промежуток на большинстве размеров окон. Предполагая, что ваш контент всегда будет заполнять большую часть страницы, несколько сотен пикселей должны быть более чем достаточно - и правильно отображаться при первой загрузке страницы.