Overflowについて

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： ヒロ ： 2005/01/06 20:43
Overflowについての質問です。

通常、擬似フレームを使用するとブラウザ上に表示されている部分
しか印刷されない仕様になっているようですが、擬似フレーム内の
全てを印刷可能にする手段はあるのでしょうか？

動作確認を行っているブラウザはIE6です。
1   名前： みあか ： 2005/01/11 23:17
初めましてみあかです。
私も不勉強の身ですので、お尋ねの件は解りかねます。
なのですが、そのページ自体に印刷する時のスタイルを設定すれば
いいのではないでしょうか。
以下のサイトさまを御参考になさって下さい。
http://kobit.info/tips/print_css.html
2   名前： ヒロ ： 2005/01/12 11:55   ［URL］
私はB級ウェブデザイナーとしてなんとか飯を食っています。

色々調べてもいい解決策が見つからず、こちらに質問させて
いただきました。

クライアントが要求するレイアウトがそもそもブラウザに
無理がありご相談させていただきました。通常のレイアウト
なら困らないのですが・・・別案を検討してみます。

お返事ありがとうございました。
3   名前： みや ： 2005/01/12 13:46
>2

いや、ですから >1 でみあかさんが仰るように、

・印刷用のスタイルシートを作って、印刷時に overflow を解除する
・もしくは、スタイルシートを media="screen" に限定して、印刷時にはスタイル適用させない。

だけの話なのですが。
4   名前： ヒロ ： 2005/01/12 14:27
Blog用のCSSですので、全てプログラム上で作業を行って
おります。

サイト制作書などの制約もいくつかあり、外部CSSシートを
増やせません。さらにサイトの文字校正が縦組みのであり、
クライアントが印刷も縦組みで行いたいために、少々問題が
あるわけです。

ご指摘ありがとうございます。
5   名前： みや ： 2005/01/12 17:27
>4

そうとは知らず、大変失礼致しました。

変更できるのはどの程度までなのでしょう。たとえば、外部スタイルシート一つだけでも

@media print { div { overflow: visible; height: auto; } }

と最下行あたりに書いておけば、印刷時にはその部分だけ overflow が解除されます。

もし style 要素を使う場合でも、

<style type="text/css" media="print"> div { overflow: visible; height: auto; } </style>

どちらもブラウザの実装次第ではありますが。

# もう別案を考えておられるかもしれませんね。しつこくて申し訳ない。
一覧へ戻る