CSS for Printing


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:
@media screen {
	div.divFooter {
		display: none;
@media print {
	div.divFooter {
		position: fixed;
		bottom: 0;

Source: http://stackoverflow.com/questions/1360869/html-print-header-footer


6 thoughts on “CSS for Printing

  1. You may enter several websites as well as pages as you wish and possess NHSEO market each concurrently, there is absolutely no swiftness decrease in increasing the websites

  2. Hello there, You have performed an incredible job. I’ll definitely digg it and in my opinion suggest to my friends. I am sure they will be benefited from this website.

  3. My brother recommended I may like this web site. He was entirely right. This post truly made my day. You can not imagine just how a lot time I had spent for this info! Thanks!

  4. Wonderful post, very informative. I wonder why the opposite experts of this sector don’t understand this. You should continue your writing. I am confident, you have a huge readers’ base already!|What’s Going down i am new to this, I stumbled upon this I have discovered It positively helpful and it has helped me out loads. I’m hoping to contribute & help other customers like its aided me. Good job.

  5. This site was… how do you say it? Relevant!
    ! Finally I have found something that helped me.

Comments are closed.