IE6の印刷対応

Author: kotaro

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

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