2011.08.10 | 

こんにちわ
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;
}

以上、コータローでした。