こんにちは、木田です。 今回は前回の記事でご紹介した「印刷対応」について実際に対応方法についてご紹介したいと思います。 実装方法 ■グローバルナビなどのメイン部分以外が印刷出来なくてOKな場合 ざっくりと、印刷出来なくてもOKな部分を、 display:none; します。 例えば: (cssサンプル) /* 印刷に不要な要素を消す */ #headerNavi, #globalNavi, #subNavi, #leftNavi { display:none; } メイン部分以外の、印刷が不要な要素をdisplay:none;しています。 あとは微調整です。 ■display:none しないで対応したい!場合 各ブラウザの印刷対応について、対応していきます。 避けては通れません。 IE系 ・ページの横幅が、プレビュー時の横幅よりも大きい場合に、はみ出た部分にfloatが掛かっていると、表