Как то давно натыкался на этот кусок разметки:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
<html>
<head>
<title>Print in Landscape</title>
<style type="text/css">
div.breakafter {page-break-after:always;
color: silver}
div.breakbefore {page-break-before:always;
color: silver}
</style>
<style type="text/css" media="print">
div.page {
writing-mode: tb-rl;
height: 80 %;
margin: 10 % 0 %;
}
div.page table {
margin-right: 80pt;
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation= 1 );
}
</style>
<meta http-equiv="Keywords"
content="CSS print landscape; print landscape; printing in landscape; landscape printing; Web page print orientation; landscape orientation; HTML page in landscape; print; writing-mode; print stylesheet; style sheets; CSS tips;" />
</head>
<body>
<h2>Force Specific Content to Print in Landscape Orientation</h2>
<p>This handy trick works in IE5. 5 /Win and newer. It assumes that the default printer orientation is portrait.</p>
<p>Use the <code>writing-mode</code> property (submitted to W3C). A value meant for East Asian typography, <code>tb-rl</code>, 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:
</p>
<pre><style type="text/css" media="print">
div.page {
writing-mode: tb-rl;
height: 80 %;
margin: 10 % 0 %;
}
</style></pre>
<p>Note that now CSS properties have a reverse sense. Height means width and top/bottom margins become left/right margins. </p>
<p>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. <b>Caveat:</b> 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!
</p>
<div class="breakafter">Page break after here.</div>
<div class="page">
<h3>Second Page Should Be Printed in Landscape</h3>
<p>Un peu de texte en exemple ici.</p>
<p>Un peu de texte en exemple ici.</p>
</div>
<div class="page">
<h3>Third Page Should Be in Landscape</h3>
<p>Un peu de texte en exemple ici.</p>
<p>Un peu de texte en exemple ici.</p>
<!-- Use IE Conditional Comments to hide table from IE5.x -->
<!--[if gte IE 6]>
<table border="1" cellspacing="2" cellpadding="2" bordercolor="Purple">
<tr>
<td>First Cell in first row</td>
<td>Second Cell</td>
<td>Third Cell in first row</td>
</tr>
<tr>
<td>First Cell in row 2 </td>
<td>Second Cell</td>
<td>Third Cell in row 2 </td>
</tr>
</table>
<![endif]-->
</div>
<div class="breakbefore">Page break before here.</div>
<h3>...and the last page should be back to portrait</h3>
<p>Un peu de texte en exemple ici.</p>
</body>
</html>
-------------------------------
www.free-lancer.ru
