CSS нижний колонтитул таблицы с фиксированной позицией

Question

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

Очень простая таблица с определенными thead, tfoot и tbody. С определением стиля:

<style type="text/css" media="print">
thead {display: table-header-group; }
tfoot {display: table-footer-group; }
</style>

Я устанавливаю верхний и нижний колонтитулы, чтобы они отображались на каждой странице при печати. Но на последней странице нижний колонтитул был размещен в конце таблицы, а не в нижней части страницы (в режиме предварительного просмотра).

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

Мне нужно решение, которое работает, по крайней мере, в IE и Firefox (конечно, если оно работает в кросс-браузерном режиме, это было бы здорово)

Answer 1

Если вам нужен нижний колонтитул в фиксированном положении, вы можете либо убрать его со стола и поместить в фиксированное положение на странице (хотя он может печататься неправильно в зависимости от размера бумаги!), Но это самый важный факторздесь вам нужно иметь фиксированную высоту для контента.

Поймите, что контент сместит нижний колонтитул вниз, поэтому ваш нижний колонтитул находится не у основания, а у основания контента.

Кстати, я не могу увидеть ваш пример, он потерпел неудачу ...