HTML 页眉/页脚打印功能

Question

我正在努力为我们的 Mediboard 元素提供完整的 HTML 页眉/页脚打印功能。

从长远来看，我知道 CSS3 页面媒体模块将满足我的需求，但这至少需要两三年时间。

所以我试着让它与 CSS2 功能一起工作，它几乎可以像你在这个 printable document 上看到的那样工作。 .然而，我仍然对页脚下的内容打印有限制(请参阅第 3-4 页的打印预览)。

虽然我很确定 div.body 的填充底部用于使其在 Firefox 2 中工作。

无论如何，有人有什么巧妙的线索可以帮助我解决这个问题吗？

编辑:为了提供更多详细信息，我们目前通过使用 position: fixed、top:0 或 bottom:0 定位的元素来获得页眉和页脚，具体取决于如果它是页眉或页脚。这很有效，打印时，这些元素在每一页的正确位置重复出现(参见“可打印文档”示例)。唯一的问题是当发生分页时，文本被绘制在这些元素的后面(见第 3/4 页)

EDIT2:更新了文档的 URL

Answer 1

看起来 CSS2 有一个@page 规则，您可以在其中定义页面大小和边距:

@page { size:8.5in 11in; margin: 6em 1em 2em }

-或-

@page { size:auto; margin: 6em 1em 2em }

不幸的是我没有时间测试它，但我很想知道它是否有效。我可以用那个。

我喜欢您对页眉/页脚的规划。干得好:)