Firefoxでページが切れて、印刷ができない(改ページせずに消える)

Firefoxで印刷プレビューした時、1ページ目は正常に表示されるのですが、2ページ目以降、ページが切れて表示されない現象があります。(実際に印刷しても1ページしか印刷されませんでした。)

この現象を調べた結果、bodyタグに指定したoverflow: auto;に原因があることが分かりました。
どうやら、この現象はMozilla Firefoxや、Netscape7.1などのMozilla Gecko系のブラウザで発生しているバグみたいです。IEやOperaでは問題なく消えずに改ページしてくれます。

解決方法は、プリント用CSSにoverflow: visibleを指定すれば問題ないと思います。@media printで指定しても構いません。

CSSコード

 
@media print {
    body {
        overflow: visible !important;
    }
}
 

※このソースをそのままコピペしたら@が全角になっていると思いますので、半角に直して使ってください。

TRACKBACK URL トラックバック用URL

COMMENT LIST

POST YOUR COMMENT

送信内容
vericode

おすすめCSSサイト

あわせて読みたいブログパーツ

TopPageへ

更新情報RSSアイコン

閉じる