HTML页眉/页脚打印功能

Fab*_*ger 13 html css printing header footer

我正在努力为我们的Mediboard项目提供完整的HTML页眉/页脚打印功能.

从长远来看,我知道CSS3 Page Media模块将满足我的需求,但距离至少还有两三年的时间.

因此我尝试使用CSS2功能,它几乎可以在这个可打印的文档中看到.然而,我仍然在页脚下打印内容的页脚有限(参见第3-4页打印预览).

虽然我很确定div.body的填充底部曾经使它在Firefox 2中运行.

无论如何,有人有一个棘手的线索来帮助我解决这个问题吗?

编辑:为了让更多的细节,我们目前使用定位元素有页眉和页脚position: fixed,有top:0bottom:0取决于它是否是一个页眉或页脚.这很有效,在打印时,这些元素会在每个页面的正确位置重复出现(请参阅"可打印文档"示例).唯一的问题是当发生分页时,文本会在这些元素后面绘制(参见第3/4页)

EDIT2:更新了文档的URL

小智 -3

您最有可能希望实现媒体类型。请参阅http://www.w3.org/TR/CSS2/media.html了解更多信息。您可以使用一张没有浮动页脚的 CSS 表单来进行打印,而另一张则用于屏幕。

<LINK REL="stylesheet" TYPE="text/css" MEDIA="print, handheld" HREF="foo.css">

这是一个例子。

如果不需要,您还可以考虑使页脚在打印页面上不可见。