Нижний колонтитул позиции внизу внизу страницы (на экране и печати)

Question

У меня есть требование поместить div в нижней части последней страницы при печати. У меня есть страница, настроенная следующим образом. не

 
[div id=Header] 
[/div] 

[div id=Lines] 
    x Number of lines that could potentially span 1 or more pages 
[/div] 

[div id=Footer style="position: absolute; bottom: 20px; left: 4px; right: 4px;"] 
[/div] 

Нет этот код нормально, если есть несколько строк на странице, но если есть больше, чем просто несколько футер затем перекрывает некоторые из линий. Возможно ли в CSS исправить нижний колонтитул в нижней части страницы, но прикрепить к нижней части второй страницы, если строки заполняют первую страницу.

Я думаю, что это абсолютная позиция, которая вызывает проблему. Кто-нибудь еще сделал это, у которого есть альтернатива? Я не смог найти другой ответ с решением, которое сработало для меня

ps. извините за квадратные скобки, не удалось разобраться, как получить разметку в противном случае!

Answer 1

Я думаю, что вы хотите получить этот результат: http://jsfiddle.net/steweb/QAs78/

позволить колонтитул пребывания на дне, вам нужно обернуть элементы и установить текущий стиль обертки:

#wrapper{ 
    min-height:100%; 
    position:relative; 
} 

Помните также для установки

html,body{ 
    padding:0; /* to avoid y scrollbar */ 
    height:100% 
}