Hello everyone. I am using a separate style-sheet for printing. Is it possible to set right and left margin in the style-sheet which set the print margin (i.e. margin on paper).
Thanks.
A:
If you know the target paper size, you can place your content in a DIV with that specific size and add a margin to that DIV to simulate the print margin. Unfortunately, I don't believe you have extra control over the print functionality apart from just show the print dialog box.
John Riche
2009-10-09 07:41:20
Thanks. Is it not possible to specify leave x pixels on left and right irrespective of the paper size. Regards
kobra
2009-10-09 07:46:08
I guess this might be possible if you set your parent DIV's size to 100% and add a x pixels margin to it.
John Riche
2009-10-09 07:49:49
+2
A:
I'd personally suggest using a different unit of measurement than px. I don't think that pixels have much relevance in terms of print; ideally you'd use:
- point (pt)
- centimetre (cm)
I'm sure there are others, and one excellent article about print-css can be found here: Going to Print, by Eric Meyer.
David Thomas
2009-10-09 08:02:10
+1
A:
You should use cm or mm as unit when you specify for printing. Using pixels will cause the browser to translate it to something similar to what it looks like on screen. Using cm or mm will ensure consistent size on the paper.
body
{
margin: 25mm 25mm 25mm 25mm;
}
For font sizes, use pt for the print media.
Note that setting the margin in css style will not adjust the margin in the printer driver that defines the printable area of the printer, or margin controlled by the browser (may be adjustable in print preview on some browsers)... It will just set margin on the document inside the printable area.
You should also be aware that IE7++ automatically adjusts the size to best fit, and causes everything to be wrong even if you use cm or mm. To override this behaviour, the user must select 'Print preview' and then set the print size to 100% (default is Shrink To Fit).
awe
2009-10-09 08:24:16