IE10でサイトを印刷すると2ページにまたがってしまう

Question

cssのmediaを用いて印刷用ページを作成したのですが、IE10での印刷になると2ページでの印刷になってしまいました。
2ページ目は白紙でヘッダーとフッターが付いているのみです。

また、chrome/firefox/edgeでは1ページで印刷することができたのですが、
原因はどこにあるのでしょうか？
IE10でのデバックができず、どのように修正すればいいのかわからず、困っております。

Answer 1

IE10を互換表示にしてみたらどうでしょう。

【Tech TIPS：IE9／IE10でWebページの表示が乱れるときの対策（互換表示機能を使う） - ＠IT】
http://www.atmarkit.co.jp/ait/articles/1304/12/news095.html

page-break-after: avoid; を全要素につけるとか。

【CSSプロパティ【page-break-after】印刷の改ページ箇所を指定する - ウェブランサー】
http://weblan3.com/css/page-break-after

それかいっそIE10用CSSをつくるとか。

【IE用CSSハックの簡単な書き方とIE10以上への対応 | web codery】
http://web-codery.com/html/24

Comments

[退会済みユーザー]

IE10用のCSSを作ることにしました。
ありがとうございました。

[退会済みユーザー]

ちなみにですが、デバッグすることができないとおもうのですが、
kei344さんは、印刷プレビューを確認しながら開発しているのでしょうか？
それとも、chromeなどのようにmediaのデバッグもできるのでしょうか？

[kei344]

とくに印刷スタイルが必須要件の案件はあまり扱っていないので、やるなら「F12 開発者ツール」で状態（ブラウザ差異）を見ながら印刷プレビューだとおもいます。

【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/

[退会済みユーザー]

ご回答いただきありがとうございました。
参考にさせて頂きます。