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