Customizing Headers & Footers for Printing Webpages

Saikat Basu 17-05-2009

What’s your biggest webpage printing woe? For me, it’s the header and footer information that gets printed automatically with every page. Webpage URL, title, page number, date and time or some other information right on top (or bottom) makes up the header-footer information.


Here’s how it looks like in Internet Explorer:


Sometimes we might need it but usually we don’t. It’s not gibberish but for the sake of dandier appearance we should ideally remove the header and footer info from the printed page. Both Internet Explorer and Firefox make it easy to remove or include this header-footer information. But just how?

Removing header and footer information in Internet Explorer

Select Print Preview from the File menu on the menu bar. The Print Preview window has a ‘Turn headers and footers on or off‘ button on the top. Toggle that to switch the visibility of the header and footer.



The changes in the Print Preview window are temporary and will remain only as long as the window is kept open. To permanently customized our print jobs, we need to head over to Page Setup.

Adjusting header and footer information in Internet Explorer

Modern browsers provide us with a lot of customization options and IE8 is no different.

  1. Browse to the webpage you want to print.
  2. Click on Page Setup from either the File menu or from the Printer icon drop-down menu on the menu bar.2_page-setup


  3. In the Page Setup box click on the dropdown lists under Header and Footer and select what you want to print. If you want to exclude any header and footer field, select Empty from the drop-down menu. You can print or exclude information from the left, right or center positions of the page.3_page-setup

With Page Setup complete, all that is left is the final Print command.

Making your own header and footer information

A slew of simple ampersand codes let you add your own custom headers and footers. For a custom header or footer in Internet Explorer 8, click on one of the drop-down menus under Headers and Footers in the Page Setup dialog box, and then click Custom. In the Custom dialog box, type your own text along with these codes:

  • Window title – &w
  • Page address (URL) – &u
  • Date in short format (as specified by Regional and Language Options in Control Panel) – &d
  • Date in long format (as specified by Regional and Language Options in Control Panel) – &D
  • Time (as specified by Regional and Language Options in Control Panel) – &t
  • Time in 24-hour format – &T
  • Current page number – &p
  • Total number of pages – &P
  • Right-aligned text (following &b) – &b
  • Centered text (between &B&B) – &b&b
  • A single ampersand (&) – &&

For example, if I want to show that I printed the page on a particular date, I can enter – &w By Saikat on &d.



Adjusting header and footer information in Mozilla Firefox

Mozilla Firefox follows the same path as IE.  Access Page Setup from the File menu; go to the ‘Margins & Header/Footer‘ tab. Use the drop-down menus to select or remove the headers and footers of your choice – left, center or right.



Adding a custom field to the header and footer is slightly simpler than IE as no codes are involved. Select Custom from the drop-down menu and enter your desired text in the pop-up. You are done.


Some headers and footers like page numbers and dates are often essential. What we need to print or exclude depends on the content. With this method, my woes have gone. Hopefully, yours will too.

Did you like this “˜How-to’? Did you find this “hack” helpful? Let us know in the comments.

Explore more about: Internet Explorer, Mozilla Firefox, Printing.

Whatsapp Pinterest

Enjoyed this article? Stay informed by joining our newsletter!

Enter your Email

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. CoolObserver
    May 30, 2018 at 3:41 pm

    There are codes for Firefox and it would have been nice if you had included them. I want to have the date, time, and pages together on the right in the header. I cannot do this with preset options. I need to use custom codes to do this but the IE codes do not work in Firefox.

  2. KUmar
    October 20, 2016 at 2:46 pm

    in my header i want date /month/ year but showing month/date/year If u know any one to change that pls tell me

  3. buzmeg
    May 18, 2009 at 9:21 am

    Sankat: Very informative post.

    Please tell us what controls the print font and how it can be altered. Many times when there are multiple pages to print, I would like to have an option to print a smaller font to reduce the number of pages.

    Can this be done? If so, how?

    • Sathish
      May 18, 2009 at 10:40 am

      buzmeg, the addresses your issue of fonts too. Just select the font from the frame on the left.

    • Saikat
      May 18, 2009 at 11:39 pm

      If you want to fit in multiple pages, use the Scale % in the Page Setup dialog to adjust your page size per printed page.That should do it. Printwhatyou like is also good.I hope this solves your problem.

  4. AhmedSeddiq
    May 18, 2009 at 4:40 am


  5. Saikat
    May 18, 2009 at 4:57 am

    Hi Sathish,
    Thanks! We have covered PrintWhatYouLike here at MakeUseof earlier.

  6. Sathish
    May 17, 2009 at 1:55 pm

    Hey Sankat, I keep modifying the header/footer but always grope around for the command codes to be used for the custom header/footer. Thanks for taking time to put this together. I really appreciate it.

    And when we are discussing printing pages, I would like to suggest to include '' (I am NOT associated with it) where we can print off just the content needed without the banners,ads,extra frames etc.