印刷対応の要望がある場合のコーディング

質問

HTMLのコーディングをされている方に質問です。
ウェブサイトを制作する場合、
「印刷にもある程度は対応してくれ」という要望が
クライアントからある案件もあると思います。
みなさんはそうした案件にはどういう対応をされていますか？
もしくは、「印刷に強いコーディング法」みたいのはあるのでしょうか？
テーブルでがっちり組めば大丈夫だとは思うのですが、
できればそれ以外のご意見をお待ちしております。

回答No.3

noname#83877

私はプロではないので参考程度に読んでください。

印刷対応の場合テーブルレイアウトよりCSSでレイアウトするほうがより深く対応できると思うのですが・・・
以下CSSでのレイアウト前提で一応書いておきます。

印刷時firefox2以下ではたしかfloatを使った時に不具合があったはずなので、プレビューで確認されることをすすめます。

あとロゴなどを除いて画像をあまり使わず、フォントの種類や色・太さ等でヘッドライン等の違いを出すことです。
欲を言えばインク代にもやさしい方が好まれる場合があります。
ナビゲーションは印刷時には必要無いのでdisplay:none;で消しますし、背景も基本は色を付けません。
イメージとしてはワードのような感じです。

基本背景画像は印刷されません。
もしもテーブルレイアウトで背景画像をimgでコーディングしてしまうとHTMLとしても最適化から遠ざかります。
さらに、背景画像を使用してもテーブルでレイアウトしたものを印刷すると、table tr tdにdisplay:block;等を指定しない限り、よくわからない配置をされた文章が印刷されることになります。

クライアントによっては見たままのページを印刷したいと言われる方もいらっしゃるかと思いますが、状況によってはワードのような見栄えの方が印刷した後に使いやすかったりします。
なので場合によっては説得も必要になるかもしれませんね。

お礼

ご回答ありがとうございます。

今回は、印刷に適したものをつくれ、というような要望はなく、
とりあえず見たままに印刷したい、といわれています。
ちなみにクライアントとの間には代理店が入っています。
サイトの全体を当方が作るのではなく、
一部のページの、ナビゲーションなどの枠組みを除いた
メインコンテンツ内のみの製作です。
ちなみに他のページはがっちりテーブルで組んでありまして、
ばっちり印刷されるようです。

難しいところはやっぱりfloatがらみなんですよねえ。
なぜこうすれば解決するのか、そもそも何がくずれをもたらすのか、
ちんぷんなままとりあえず目先の崩れを直していっているのが
情けない現状です...

回答No.2

steel_gray

「背景」に頼らない。
背景色、背景画像を印刷するかは利用者の環境しだいなので、これが印刷されなくても問題ないようにする。

幅はコンパクトに。
A4縦差しに納める為。

テーブルでがっちりはかえって危険。
１ページに収まらない時に（ブラウザのバグもありますが）印刷時のトラブルが発生しがち。

お礼

すみません。
お礼欄と補足欄を間違えてしまいました。

補足

ご回答ありがとうございます。
背景画像は印刷時にうまく反映されにくいですね。
今後も特に気をつけようと思います。

> 幅はコンパクトに。
> A4縦差しに納める為。
ありがとうございます。
肝に銘じます。

> テーブルでがっちりはかえって危険。
ですか・・・。
最後の手段的に考えていたのですが・・・。

回答No.1

SAYKA

cssで印刷用の物を指定　が定石じゃない？

http://www.tohoho-web.com/css/reference.htm#media

お礼

ご回答ありがとうございます。
印刷用のスタイルシートに、
意味のよく分からないものを書いて、
その場をナントカしのいでいる、というのが
当方の現状です・・・。
印刷時の「崩れ」を解消するために、
「印刷用のスタイルシート」に何を書くべきなのか、
定石的なものはあるのでしょうか？