IE6の印刷対応
こんにちわ
Devjamのコータローです。
さて今回はIE6での印刷対応についてです。
IE6以外のブラウザーはデフォで印刷時、縮小されるので
横幅がオーバーしていてもあまり問題はないのですが
IE6にはその機能がありません。
そこで自分は、あまりよい方法ではありませんが
IE6だけzoomで対応しています。
[code lang="css"] * html body{ zoom : 70% ; } [/code]
しかし、htmlの組み方によっては
naviなど、floatで横並びにしている要素で
最後のボタンだけ落ちてしまう場合があります。
そんな時は、全体の幅を指定している箇所の幅をちょっとだけ
広げてあげると治ります。
■通常時のCSS
[code lang="css"] #page { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; text-align: left; width: 907px; } [/code]
■print.css
[code lang="css"] * html #page { width: 910px; } [/code]
以上、コータローでした。