Navigation path

Print

Computer screens are very different from the printed page. Screen presentation is reformatted for printing. This automatic reformatting can be inhibited by specifying fixed width that exceeds the paper width, resulting in the loss of text. For a safe printing, do not go longer that a fix width of 650 pixels.

 

In general, browsers do not print background images. If visual effects are produced by a combination of background and foreground images, the print and screen versions may differ considerably.

For a safe printing you can use CSS.

CSS2 introduced a mechanism for closer control over printing web pages that are styled using style sheets. The latest versions of Web browsers support CSS2 print media stylesheets, which can be used to print documents in a style better suited to the medium.

The code line <link rel="stylesheet" type="text/css" href="filename.css" media="print"> on the header of HTML documents allows to refer a CSS that will be activated only when the print function is called. In this special printing CSS, you can redefine the properties of the classes applied in the HTML pages.

An additional way to  create a "print-friendly version" of an HTML page with CSS (apart from the specific declaration with the attribute media=”print”) is to put specific instructions inside the (main) CSS itself, such as for instance:

@media print {
body { color:#000; }
.layoutRight{ display: none; }
.layoutContent { background-color: #fff; }
}

This approach has been implemented in the standard templates. So they offer a print-friendly version by default.