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

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

管理人:sofu

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;
    }
}
 

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

blog comments powered by Disqus

PageTop