html print a very wide page on several A4 sheets

html, printing

Solution

You could add a rotation transformation to the print stylesheet. A partial solution as a long table will now be too wide...

.rotated-when-printed {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    filter:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=6.123233995736766e-17,M12=-1,M21=1,M22=6.123233995736766e-17)
}

<!-- some very wide table -->
<table class="rotated-when-printed">
    ...
</table>

Problem

I have a page with a wide (say around 3000px) horizontal graph which is normally scrollable. In the printing version I render the entire graph, (I actually have a separate JAvascript/HTML code for the printing version), so it takes lets say three A4 widths (landscape) on the screen. In this situtation I see the browser (FF3 in this case) does not allow me to print the wide page on several paper sheets (based on the print preview). It seems like the only way to have the entire document printed is to have the user set zoom level to 30%, and then the entire graph fits on a single A4. I must be missing some CSS directive there, but was unable to google it anywhere. Will appreciate pointers/ideas. Thanks.

Original source