2010年09月15日

firefoxでの印刷にて、2ページ目が消える

今まで印刷用ページを作成しても遭遇することがなかったが、
1ページは表示されるが、2ページ目以降が消えてしまうという現象にあった。

IEでは問題なく表示されていても、firefoxにて起こり手詰まり状態・・・。
いろいろ調べてみると、下記を発見。
http://www.webbibo.com/stylesheet/print/overflow_ff.html

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


同じように試してみたが、やはりうまくいかない。
仕方ないので、自分のソースをさらに解析してみるとbodyタグには、overflow を使用していないが、
レイアウト部分にて clearfix を利用していた。
これが原因だった模様。

clearfixの詳細は、この辺を。
http://blog.d-spica.com/entry/070307clearfix.html

要するに、overflowを指定しているタグが、同一ページから次のページへまたいでしまう場合に、消えてしまう。
clearfixを使っていても、同一ページ内に収まっている場合は、問題なく印刷されました。

これで結構体力が奪われた気がするな・・・。
posted by memo4me at 00:33 | Comment(0) | TrackBack(0) | css | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。