Ads By Google
投稿文が印刷すると(2カラムデザイン)サイドバーもいんさつされて、本文の右側が欠けてしまう。
デザインを変えて、サイドバーが落ちていたのは解消できたが、今まで最新記事をクリックして本文だけを印刷できていたのが、画面ではおさまっているのに、印刷すると、サイドバー分位、右端が欠ける。宜しくお願いします。
2006-02-15 20:37の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
2.
2006-02-16 11:20:41

あなたのご利用のPCのOSはWindowsでIEでしょうか。
方法は二つあります。
一つは、ブラウザの「印刷」を選択して、プリンタの設定を変更して縮小印刷します。プリンタのメーカーにより、多少手順は異なりますが、いずれのプリンタも縮小印刷できるはずです。
もう一つは、CSSに手を加えることです。
CSSに以下のようなコードを追加してみてください。
--------------------------------
@media print {
#left { display: none; }
}
--------------------------------
上記はサイドバーのID名が「left」の場合の記述です。
このような指定をすると、ディスプレイで見た時は通常通りですが、印刷する時にはID名「left」の部分が印刷されません。
方法は二つあります。
一つは、ブラウザの「印刷」を選択して、プリンタの設定を変更して縮小印刷します。プリンタのメーカーにより、多少手順は異なりますが、いずれのプリンタも縮小印刷できるはずです。
もう一つは、CSSに手を加えることです。
CSSに以下のようなコードを追加してみてください。
--------------------------------
@media print {
#left { display: none; }
}
--------------------------------
上記はサイドバーのID名が「left」の場合の記述です。
このような指定をすると、ディスプレイで見た時は通常通りですが、印刷する時にはID名「left」の部分が印刷されません。
1.
2006-02-16 02:36:03
ページをすべて印刷するのではなく、必要な部分だけを印刷すれば良いのではないでしょうか。
1. 印刷したい所(本文なら本文だけ)をマウスでドラッグして選択状態にします。
2. 選択状態のままブラウザのファイルメニューから「印刷」を選択します。
3. 印刷のウィンドウが開きますので「ページ範囲」の所で「選択した部分」にチェックをします。
4. その後「印刷」ボタンを押して印刷が終るのを待ちます。
これで必要な選択した部分が印刷されますよ。
1. 印刷したい所(本文なら本文だけ)をマウスでドラッグして選択状態にします。
2. 選択状態のままブラウザのファイルメニューから「印刷」を選択します。
3. 印刷のウィンドウが開きますので「ページ範囲」の所で「選択した部分」にチェックをします。
4. その後「印刷」ボタンを押して印刷が終るのを待ちます。
これで必要な選択した部分が印刷されますよ。
回答レベル : アドバイス
Ads By Google
コメント(3)
#1. ハナ
2006-02-18 01:23:16
Hukaminさんご丁寧な回答有り難うございます。回答通りにして、サイドバーは外れて印刷できましたが、右端が欠けるのは同じです。ブログだけでなく回答を印刷しても同じhttp://blog.livedoor.jp/barentain999ex/
#2. Hukamin
2006-03-11 07:01:11
#3. Hukamin
2006-03-11 07:01:56
@media print{#links{ display:none; }.blog{ position:absolute;top:97px;left:0px;right:0px;width:100%;margin:0;padding:0; }}と記述してください。


