Как исправить нижний колонтитул, чтобы он располагался в конце страницы? (css-печать) ⇐ CSS

[Anonymous]

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

Код: Выделить всё

@media print {
/* the parent container */
table.report-container {
page-break-after:always;
}
/* the parent container */
thead.report-header {
display:table-header-group;
}
/* the footer container */
tfoot.report-footer {
display:table-footer-group;
}
}

HTML-код выглядит следующим образом:

Код: Выделить всё

Header















Footer

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


Все I Необходимо найти способ заставить нижний колонтитул всегда отображаться в конце страницы.

Подробнее здесь: https://stackoverflow.com/questions/717 ... -css-print