How to use HTML to print header and footer on every printed page of a document?

by

If you take the element that you want to be the footer and set it to be position:fixed and bottom:0, when the page prints it will repeat that element at the bottom of each printed page. The same would work for a header element, just set top:0 instead.

For example:

<div class="divFooter">UNCLASSIFIED</div>

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}

More Related Contents:

  1. Is there a way to get a web page header/footer printed on every page?
  2. CSS to set A4 paper size
  3. Footer at bottom of page or content, whichever is lower
  4. Remove header and footer from window.print()
  5. Google Chrome Printing Page Breaks
  6. In which order do CSS stylesheets override?
  7. Browsers’ default CSS stylesheets
  8. Internet Explorer’s CSS rules limits
  9. Single huge .css file vs. multiple smaller specific .css files? [closed]
  10. Flushing footer to bottom of the page, twitter bootstrap
  11. Browser Support for CSS Page Numbers
  12. How to make a footer fixed in the page bottom
  13. CSS Printing: Avoiding cut-in-half DIVs between pages?
  14. Can you use if/else conditions in CSS?
  15. Stylesheet not updating when I refresh my site
  16. how to avoid extra blank page at end while printing?
  17. How to only show certain parts with CSS for Print?
  18. Order of prioritization when using multiple contradictory css files
  19. Suggestions for debugging print stylesheets?
  20. HTML not loading CSS file
  21. Problem with CSS Sticky Footer implementation
  22. How can I make a fieldset legend-style “background line” on heading text?
  23. Styling Password Fields in CSS
  24. Apply different css stylesheet for different parts of the same web page [duplicate]
  25. Need to remove href values when printing in Chrome
  26. Print Background colours in Chrome
  27. Safe width in pixels for printing web pages?
  28. force footer on bottom on pages with little content
  29. Can one CSS file take priority over another CSS file?
  30. Print styles: How to ensure image doesn’t span a page break

Leave a Comment