Remove header and footer in html to print page

Question

Hi all,

Is there any way to remove header and footer of a html page, so that if user print it, there is no header and footer.

User can choose to remove it using print setup, but i wondering is there any css or javascript to remove it programatically?

thank you for any response.

Answer 1

For the css used for printing only use this declaration:

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

and in your print.css

#yourheader { display:none }
#yourfooter { display:none }

Answer 2

You can do like:

   @media print
   {
      .noprint { display: none; }
   }

Now you can apply the noprint class to element you want to hide in printing.

Answer 3

You seem to be referring to the header and footer lines that the browser is adding and not contents of the printed page. In that case the answer is: No, you can only change it in the settings.

Answer 4

Hi all,

I do some googling and everybody said: "Can't remove them!" except using ActiveX and 3rd party plugins.

I wonder why some reporting controls (Telerik Reporting, DevX,...) can hide Header & Footer without using ActiveX or plugins! Are they print the page in another ways? What way?