Force Specific Content to Print in Landscape Orientation

This handy trick works in IE5.5/Win and newer. It assumes that the default printer orientation is portrait. Look at this page with your browser Print Preview to see the code in action.

Use the writing-mode property (submitted to W3C). A value meant for East Asian typography, tb-rl, causes IE to write text from top to bottom and right to left. Surround the content you want in landscape with a DIV with a class defined in a print stylesheet. For instance:

<style type="text/css" media="print">
div.page	{ 
writing-mode: tb-rl;
height: 80%;
margin: 10% 0%;
}
</style>

Note that now CSS properties have a reverse sense. Height means width and top/bottom margins become left/right margins.

Put a page break *after* a portrait page that is to be followed by a landscape and a page break *before* a portrait page that is preceded by a landscape. Tweak to your needs. Caveat: Data tables resist this hack. To get a table to flip nicely for print it is necessary to add another style rule—which works only in IE6+. Please see the source for details. When once we practice to deceive, my, how the hacks unweave!

Page break after here.

Second Page Should Be Printed in Landscape

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto.

Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet.

Third Page Should Be in Landscape

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto.

Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet.

Page break before here.

...and the last page should be back to portrait

Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet.

More tips at:
http://web.tampabay.rr.com/bmerkey/examples/css-buttons2.html