X
Tap here to go to the mobile version of the site.

Support Forum

how to remove the small top margin, which appears only on the first page of printing

Posted

first i removed header and footer, and set the all margins to be found in about:config(Linux) or in Dialog (Windows) to zero.

On all html documents i get a little gap on the top of the first page, but not on the second one. The gap appears on paper print, on file print(PDF) and on preview - under firefox (17.0) for Linux and Windows. IE 8 on windows has other abnormalities, but equal top margin on all printed pages.

How can i remove this difference top margins between first page and the following once in firefox ?

first i removed header and footer, and set the all margins to be found in about:config(Linux) or in Dialog (Windows) to zero. On all html documents i get a little gap on the top of the first page, but not on the second one. The gap appears on paper print, on file print(PDF) and on preview - under firefox (17.0) for Linux and Windows. IE 8 on windows has other abnormalities, but equal top margin on all printed pages. How can i remove this difference top margins between first page and the following once in firefox ?

Modified by jrewing

Chosen solution

It seems the difference is the default 8px margin on the body element, which only appears the first page. To remove it on a case-by-case basis, you could use a bookmarklet (a snippet of script you run by clicking a bookmark entry).

To remove it automatically on every page, you could use a style rule in userContent.css or in a Stylish rule. I haven't tested this rule very extensively, but something like this:

@media print{
  body {margin-top:0 !important;}
}
Read this answer in context 2

Additional System Details

Application

  • User Agent: Mozilla/5.0 (X11; Linux i686 on x86_64; rv:17.0) Gecko/17.0 Firefox/17.0

More Information

jscher2000
  • Top 10 Contributor
8694 solutions 71066 answers

Chosen Solution

It seems the difference is the default 8px margin on the body element, which only appears the first page. To remove it on a case-by-case basis, you could use a bookmarklet (a snippet of script you run by clicking a bookmark entry).

To remove it automatically on every page, you could use a style rule in userContent.css or in a Stylish rule. I haven't tested this rule very extensively, but something like this:

@media print{
  body {margin-top:0 !important;}
}
It seems the difference is the default 8px margin on the body element, which only appears the first page. To remove it on a case-by-case basis, you could use a bookmarklet (a snippet of script you run by clicking a bookmark entry). To remove it automatically on every page, you could use a style rule in userContent.css or in a Stylish rule. I haven't tested this rule very extensively, but something like this: @media print{ body {margin-top:0 !important;} }

Question owner

Yes - the default margin-top in body is responsible for this behavior. Thanks for your solutions.

Yes - the default margin-top in body is responsible for this behavior. Thanks for your solutions.