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]
以上、コータローでした。