其の50
印刷を想定するページはサイズを考慮する
Webサイトのプリントしようとすると、横幅が広すぎるためページ右端が印刷範囲外になってしまい、上手く印刷できないサイトが多く存在する【1】。ユーザが印刷することを想定しているページは、きちんとA4サイズで印刷できるような設計でレイアウトしたい。
【1】800*600を対象とし、画面構成をすると印刷をした場合、地図が中途半端なところで切れてしまう。この場合は、別ウィンドウで印刷画面を表示させる
IE6のデフォルト設定の場合は、横幅650ピクセル以内であれば、右端が切れずに印刷がされる。地図などの印刷を想定するページは横幅650ピクセル程度に収まるようレイアウトを心がけよう。レイアウト上の問題や情報量の点から、650ピクセルで狭いのであれば、印刷用のページを別途設けるのも方法のひとつだ【2】。
【2】印刷時に切れてしまっても問題のない情報を右側にレイアウトすることも考えられる
また、ブラウザ用とは別途、印刷用のCSSを用意しておく方法もある。
< link rel="stylesheet" href="print.css" type="text/css" media="print"/ >
と別途印刷用のスタイルシートを制作し、その中で印刷する際に不必要なナビゲーションなどの id を「display: none」で消す
お作法一覧へ
