Вот что я узнал:
Вы можете использовать position: fixed и top: 0 или bottom: 0 для позиционирования элемента сверху / снизу на каждой странице. Однако, поскольку фиксированное позиционирование не работает в IE6, единственный выбор для этого - использовать таблицу с 100% высотой и thead и tfoot. Это какая-то магия, которая работает так, как вы хотите (чтобы на каждой странице отображалось содержимое thead и tfoot). Если вас не волнует IE6, просто используйте фиксированное позиционирование.
Однако фиксированное позиционирование также означает, что любой имеющийся у вас контент может идти за фиксированным позиционируемым элементом. Таким образом, по сути, верхний и нижний колонтитулы не занимают места.
Вы не можете контролировать фактический верхний / нижний колонтитул (например, напечатанный URL). Пользователь должен отключить их сам.
Лучшая альтернатива мучительной печати HTML / CSS - PDF. Вы можете контролировать, как выглядит каждая страница, каков их размер и колонтитулы. Недостатки заключаются в более медленной печати (создание PDF не так быстро, как загрузка HTML-страницы) и в трудностях работы с некоторыми библиотеками PDF.