印刷目的で幅の広いテーブル (作業スケジュール、下の画像例を参照) を回転させようとしています。私がこれを行っている理由は、テーブルを複数のページに広げて、紙に印刷するときに、さまざまなシートをまとめて、適切なサイズの読みやすいテーブル/スケジュールを 1 つ取得できるようにするためです。今私が抱えている問題は回転自体ではなく、表を印刷しようとするときのページ数です。表を次のページに展開する代わりに、カットオフしているため、上部のみが表示されます。現在、Google Chrome は問題なく印刷を行っており、私が望むようにテーブルを 2 ページまたは 3 ページに広げています。しかし、Firefox や IE で同じ結果が得られずに困っています。CSStransform:rotateメソッドを使用して本文/スケジュールを回転させ、ブラウザで目的の結果を取得しています (以下を参照)。
transform:rotate(90deg);
-ms-transform:rotate(90eg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
テーブルにマージン、パディングを追加しようとしましたが、テーブルを次のページに拡張するのではなく、ページの周りにテーブルを移動するだけです。オーバーフロー ( body *{ overflow:visible !important; }) を追加すると、本文が縮小されるだけなので、1 ページに収まります。
この幅の広いテーブルを複数のページに印刷して、FF や IE でも読めるようにする方法はありますか?
前もって感謝します。
画像の例 (通常、時間ブロック内にテキストがあります):
(テキストが小さすぎて読めなくなるため、ランドスケープ モードでの通常の印刷ではうまくいきません。)