プリントアウトでレイアウトが崩れる

Webテンプレート HTML+CSSサンプルコード集



0   名前: ヘトヘト : 2007/02/10(土) 08:32  ID:GnxnlF55 sub-9g
cssレイアウトで、ドリームウィーバー、ブラウザでの表示は正常なのですが、プリントアウトするとレイアウトが崩れています。いったい何が起こっているのでしょうか?ボックスがはみ出しているということなのでしょうか、もしくは何かいたずらをするタグがあるのでしょうか?
 
 どうか宜しくお願いします。
              

1   名前: モノ ◆7YMtX/NYmu : 2007/02/10(土) 08:32  ID:YPjEYb33 sub-Cl
HTMLがもともと印刷をそれほど想定されていないようですから、
しょうがないんじゃないでしょうか。

プリント用(印刷用)のスタイルシートを用意すると、
少しマシかもしれません。
印刷するにもレイアウトは極力崩れて欲しくない!
というのなら、印刷用にpdfなどの形式で用意するとよいかもしれません。

2   名前: T : 2007/02/10(土) 08:32  ID:oJRADF8M sub-C7
自分も同じようなことで悩んでいます。

CSSレイアウトが印刷に不向きなのはわかりますが、
キチンと表示されているページもあるので(media="all"になっているので)
印刷用CSSも同じものだと思います。

そのようなページと何が違うのでしょうか?
自分の場合、floatが90%程崩れて表示されてしまいます。

URLも載せることは可能ですが、「ヘトヘト」さんの質問スレッドなので
みなさんのお答えを参考にできれば思いました。

よろしくお願いします。

3   名前: Z ◆XTzyosZXcL : 2007/02/10(土) 08:32  ID:CSqyQR5N sub-Cl
>>2
>CSSレイアウトが印刷に不向きなのはわかりますが
 それぞれのメディアの特性に応じたCSSを用意すれば、それぞれで意図した出力結果にすることは可能です。逆に言えば、screen(画面)とprint(印刷)で「同じ」結果にしようとするのは無理があるといえるでしょう。

参考・メディアタイプについて:
http://hp.vector.co.jp/authors/VA022006/css/media.html

 なお、UAの実装状態はまちまちだったりしますので必ずしも仕様通りに記述してもうまくいかない場合があるようです(^^;

参考・CSS対応状況:
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html

4   名前: 匿名 : 2007/02/10(土) 08:32  ID:rEkc4Z1y sub-kJ
>>1
> HTMLがもともと印刷をそれほど想定されていないようですから

そう? link 要素を使った関連ページの一括印刷など、実現すれば便利と思われる提案もしているけど。
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.7

>>2
> CSSレイアウトが印刷に不向きなのはわかりますが

そう? 例えば、最適な改ページのための手法の提案すらしているけど。
http://www.y-adagio.com/public/standards/tr_css2/page.html#q16

HTML、CSS という規格の話と、ブラウザによる実装・サポートの話をごっちゃにしてはいけない。現在のブラウザの印刷機能が貧弱であるという話ならば、全く同感だが。

モニタ表示と印刷結果は、基本的に別物(Microsoft Word だって、表示と印刷がずれまくることなんてザラにある)。だから、モニタはモニタで、印刷は印刷で、それぞれ再現環境とソースを提示してもらわなければ何とも言えない。

5   名前: 匿名 : 2007/02/10(土) 08:32  ID:rEkc4Z1y sub-kJ
1 つの可能性として、モニタとプリンタで使用しているフォントの違いが影響するかもしれない。

また、たとえば px は装置の解像度によって大きさの異なる相対単位であることも忘れてはならない。

一覧へ戻る