I think what you're missing is the media elements in css.
The following explains how to add a report footer... with a small adjustment, which is explained in the article a header too.
When you create CSS you can set the media type:
@media screen { .myCSSClass { } }
@media print { .myCSSClass { } }
This forces different css styles for on the screen and printing.
Setting
position
to
fixed
and then setting the
top
for a header or the
bottom
for a footer, you can force a specific bit of HTML to reprint on every page when it prints.
By setting a different style for both
screen
and
print
media types you can get a header which appears just once on the screen but on every page when you print.
@media screen {
div.divHeader {
position: relative;
}
}
@media print {
div.divHeader {
position: fixed;
top: 0;
}
}
Here is the article:
http://stackoverflow.com/questions/1360869/html-print-header-footer[
^]