タグ

printと印刷に関するokeke1101のブックマーク (2)

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

    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; } } ※このソ

    okeke1101
    okeke1101 2013/01/21
    これ、あれで使えるかな。vol.02
  • HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」:phpspot開発日誌

    HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」 2010年04月14日- IE Print Protector - ieCSS HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」というものがあるようです。 ロゴがIEっぽいのが面白いのはさておき、印刷した時に表示が違う状態を避けられて便利そうです。 IE print protedtorがない時 IE print protector がある時 ない時の状態と、ある時の状態のそれぞれのページが用意されており、これを「印刷プレビュー」で確認してみるとその違いがよくわかるはずです。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 見ておくべきHTML5サイト集 最近公開のHTML5関連の参考サイト色々まとめ

    okeke1101
    okeke1101 2013/01/21
    これ、あれで使えるかな。
  • 1