Номера страниц с CSS / HTML

Question

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

У кого-нибудь есть идеи, как этого добиться?

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

Answer 1

В зависимости от необходимой поддержки вашего браузера.

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

Дополнительная литература:

• http://www.w3.org/TR/css3-page/
• http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-page-property-of-css/
• http://www.princexml.com/doc/6.0/page-numbers/

Answer 2

Есть тестовая страница в http://www.princexml.com/howcome/2007/xtech/papers/output/0082-32/index.xhtml, которая включает код содержимого @page в свой файл CSS. Я не мог заставить его работать в текущих версиях IE, Chrome или Firefox.