印刷用CSS設定でIE6の印刷プレビュー2ページ目が真っ白に

タイトルのまんまですが、またまたIE6です。
ロートルは早いとこ引退していただきたいもんです。

で、現象としては印刷用のCSSを適用すると、印刷プレビューで2ページ目以降が真っ白で表示されてしまいます。IE6だけです。IE7、IE8は問題なし。Firefoxなどのその他モダンブラウザは言わずもがなです。
試しに印刷するとバッチリ印刷されるので、印刷プレビューだけの問題だとは思いますが、何だか気持ち悪いし、エンドユーザーが印刷プレビューで表示されないものを印刷するとも思えないし。

以下、原因と対処法のメモ。

positionの指定が原因

結論的にはposition:relative;の指定があるとダメみたいです。ので、position:static;にしてやると印刷プレビューでもちゃんと2ページ目以降が表示されるようになりました。

コメントを残す

メールアドレスが公開されることはありません。