うまく印刷させるには

[上に] [前に] [次に]
中根 [E-Mail] [HomePage] 2000/01/30(日) 21:58:07
こんにちは、中根です。
Windowsの情報サイトをやっています。

サイトを印刷したいという要望があるのですが、
試しにIEで印刷してみたところ、右端が欠ける+背景が印刷されない
ということがわかりました。

右端が欠けるのは固定幅Tableの為で何とかなりますが、
背景画像・色が印刷されないのを何とかする方法はありませんか?

たとえば、下記のページについていいますと、
http://www1.interq.or.jp/nakane/html/tips/reference/user1.html
左はしのナビゲーションバー、右上の茶色の見出し部分などです。

しかし、逆に考えてみたところ、これらの要素は
WWWページとしてブラウズするときには必要ですが、
印刷して取っておく場合は必要ありません。

そこで、コンテンツ部分だけ印刷させる事も考えているのですが、
200ページ以上あるコンテンツ全てに、印刷用の別ページをつくるのも
大変な話です。

コンテンツ部分は、Tableの一つのセルの中に入っているので、
JavaScriptなどから抽出して印刷できないかと思うのですが、
方法がサッパリ分かりません。

何かいい方法がありましたら教えてください。

サイトの趣旨上、基本的にはIEで見てねということにしてあるので
(NNでも一応見れるようにはしたつもりですが…、これに対しての意見は受け付けません)
IE専用スクリプトになってもかまいません。

#IE5.5には印刷プレビュー機能など印刷関係の機能が追加されたようですが、
ページの右端が欠ける、英文の一部が文字化けするなどはなおっているのでしょうか?

かえる 2000/01/31(月) 12:01:14
styleとlinkにはmadia属性があり、それを設定することで
スタイルシートの適用される範囲を制限できます。
media属性には、all,screen,print が設定できデフォルト値は
allとなっており全てに適用されます。
screen及びprintを設定することでそれぞれ画面表示時、紙面出力時に適用されるので、

<style media=print>
H1{ display:none }
</style>

とすることで画面表示時には通常どおり表示されるが、
紙には出力しない設定になります。

また、スタイルシートには page-break-before等の改ページを制御する
プロパティもあるのでそちらも使用すると良いかと思われます。
詳細は↓のページを参照してください。
http://www.w3.org/TR/REC-CSS2/page.html#page-break-props

Syn [E-Mail] 2000/01/31(月) 12:16:15
背景の画像と色は、 IE5 であれば [ツール] - [インターネット
オプション] の [詳細設定] タブの中に「背景の画像とイメージ
を印刷する」とゆーオプション項目があります。

それにしても、 IE の CSS 、 media 属性に screen を指定
しても印刷にも同じように適用されるようなのですが?(^_^;

EMI 2000/01/31(月) 13:00:33
というか、その辺の属性にはIE5もまだ対応できてないかと思われます。(^_^;

kaeru 2000/01/31(月) 14:34:46
私の環境では正常に適用されるのですが。WINNT+IE5
以下の設定は他ではどのようになるのでしょうか?

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text/html; charset=x-sjis">
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<style media=screen>
.big{ font-size:xx-large }
.hide{ display:none }
</style>
<style media=print>
.small{ font-size:xx-small }
</style>
<div>通常表示</div>
<div class=big>画面出力時:大 、プリント時:通常</div>
<div class=small>画面出力時:通常 、プリント時:小</div>
<div class=hide>画面出力時:非表示 、プリント時:通常</div>
</BODY>
</HTML>

かえる 2000/01/31(月) 14:35:54
名前がローマ字になっちゃいました。すいません。

Syn [E-Mail] 2000/01/31(月) 15:25:24
んぐぐ、わたしが以前、

<link rel="Stylesheet" type="text/css" href="./screen.css" media="screen">
<link rel="Stylesheet" type="text/css" href="./print.css" media="print">

ってのを Windows 95 + IE5 でやったときうまくいかなかったん
ですが、いま Windows 2000 (RC2) + IE5.01 でやるとうまくいき
ました(^_^; なぜじゃあああ

中根 [E-Mail] [HomePage] 2000/02/01(火) 19:39:38
こんにちは、中根です。

ありがとうございました。MEDIA属性でいじってみる事にします。

[上に] [前に] [次に]