The Trap of Web Design

印刷用 CSS をキチッと整備しているサイトってないすかね？印刷してみたらキッチリそれようにレイアウトされてるってページ。印刷ってこと自体をあんまりしないんで、あっても気づかない。意識して探してみたけど、簡単に見つかんないなぁ。

国税庁のサイトなんかは、官公庁の中で唯一といって良い、標準準拠仕様のサイトらしいのですが、いちおう、画面見た目とは異なり専用レイアウトにしています。でも「不必要なブロックを出さない」という処理です。

# 自分、ちかじか確定申告する身ですが、いまだに電子申告する気になりません（笑）作る側にいると、あーいう処理をウェブでやるってこと自体、カナーリ完璧でないと使う気にならないっす。

ハナシ戻して。

ブラウザ自体の状況もだいぶんよくなってきたんで、あんまり考えなくても良くて楽になった面もありますが、上記のように「不必要なブロックを送出しない」なんてことだけでなく、別のスタイル指定がキッチリできるなら、もっとやりたいこともあるし、h1 の見出しまで無いのは困りませんか？とか。ちょっとそのへんで考え込んじゃうのですが、ユーザーが果たしてそういう状況を望んでるのかな？と。

そういうのをテクニックとして覚えるのは良いとして、ブラウザで見えてるのと全く違ったレイアウトなんかになるより、見た目マンマででてくれる分には文句でないじゃないの？と思ったりするんですよね。

---

今、作業いちおう終わったんですけど、通常のブラウザ閲覧で、overflow: auto 使ってる箇所があって、ユーザーからの指摘で「印刷したら、見えないトコロがあります」って指摘があっての対処が最初だったりします。クライアントさんにスタイルシート云々のハナシをしても始まらない訳で「簡単な処理と、表示プログラムから何から別途の印刷専用ページ作るのとどちらにしましょうか？」なんてーハナシまで通ってます。当然っていえば当然ですが「簡単な方法で済むならソッチで」ってことになって、印刷用のスタイルシート作り対応をやってみて、様子を見ましょう、となってる状態。

最初にその対応したのはだいぶ前のハナシで、今回のはそのリニューアル作業。最近になって、どこでもスクロールできるなんてーことをクライアントさんやデザイナーが知ってしまい、いい気になって（笑）overflow: auto の箇所が増えたんで、単純にその箇所をoverflow: visible にして済まなくなり、通常閲覧の状態とカナーリ違うレイアウトに（仕方無く）したんであって、ホントは「最初からそーゆーレイアウトしなけりゃ良いのに」とか思ったりもします。

frame や iframe なんかとの違いをちゃんと知ってて、そのツカイドコロまで理解できてるなんてー方は、一部のコーダーくらいなもんなんでしょうけど、そういや、frame のサイトはかなり減ってる気はしますが、どーしてなんだろうな？おそらく、ユーザービリティやアクセシビリティ云々ではなく、SEO どーのこーのってハナシが広まったせいじゃないかとふと思った。

そうそう、そんな作業してたら、IE6 で、page-break-before: always; いれたら、印刷開始でブラウザ落ちます。こまかいバージョンまでは知りませんが、IE7 ほか、Firefox、Safari 等の最近のやつは大丈夫なんで、子セレクタ使って、IE6 以外のイマドキのブラウザにだけ反映するようにさせました。

ご利用の場合はご注意を！