Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a document in HTML and CSS. I would like to have headers and footers in every printed page so that when you press Print, each page has the same footer and header. Is there a way to do this using web technologies? I can’t find much information on printing besides page-break-after and so on.
This is what I found out:
You can use
position: fixedandtop: 0orbottom: 0to position an element in top/bottom of each page. However, since fixed positioning does not work on IE6, the only choice for that is to use a table with100%height andtheadandtfoot. It is some sort of magic that works the way you want it to (to have the contents oftheadandtfootto appear on each page). If you don’t care about IE6 just use fixed positioning.However, fixed positioning also means that any content you have there may go behind the fixed positioned element. So, in effect, the header and the footer does not occupy any space.
You can’t control the actual header/footer (e.g. the URL that is printed). The user has to disable those himself/herself.
The best alternative to painful HTML/CSS printing is PDF. You can control how each page look like, what’s the size of them and header/footer. The drawbacks are slower prints (generating PDF is not as fast as loading a HTML page) and the pain of working your way with some PDF library.