CODEWITHSUNDEEP
javascripthtmlprinting-web-page
fmsf
fmsf

Reputation: 37137

Remove the default browser header and footer when printing HTML

I got an HTML with the <body onload="window.print()">.

The question I'm trying to ask is:

Upvotes: 14

Views: 40787

Answers (5)

suraj kumar
suraj kumar

Reputation: 343

Use this css code

@page {
    margin-top: 0cm;
    margin-bottom : 0cm;
}

Upvotes: 2

SCaffrey
SCaffrey

Reputation: 341

For future reference:

@page {
  margin: 0;
}
@media print {
  footer {
    display: none;
    position: fixed;
    bottom: 0;
  }
  header {
    display: none;
    position: fixed;
    top: 0;
  }
}

Upvotes: 4

Courtney Christensen
Courtney Christensen

Reputation: 9555

Google Docs is now skirting around this issue by generating a PDF version of your document.

If you are using Chrome, it will automatically open the PDF in a new tab and pop up the print dialog. Other browsers will prompt you to download the resultant file (which is not necessarily obvious behavior).

While I don't find this to be an elegant solution, one should be able to recreate this fairly easily using most existing web technologies.

Upvotes: 5

roenving
roenving

Reputation: 2636

You can employ an activeX-plugin if your users uses IE, an example is scriptX from Meadroid: http://www.meadroid.com/sx_intro.asp

Upvotes: 4

Jarod Elliott
Jarod Elliott

Reputation: 15670

These a usually browser specific print settings.

In IE & FireFox for example you can go into page setup and change the header and footer details for printing.

I don't think this can be controlled by the web page itself.

Upvotes: 9

Related Questions