解決済

clip!clip!
Ads By Google

投稿文が印刷すると(2カラムデザイン)サイドバーもいんさつされて、本文の右側が欠けてしまう。

デザインを変えて、サイドバーが落ちていたのは解消できたが、今まで最新記事をクリックして本文だけを印刷できていたのが、画面ではおさまっているのに、印刷すると、サイドバー分位、右端が欠ける。宜しくお願いします。

2006-02-15 20:37の質問
デザイン    サイドバー  ラム  
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-02-16 11:20:41ベスト
あなたのご利用のPCのOSはWindowsでIEでしょうか。
方法は二つあります。
一つは、ブラウザの「印刷」を選択して、プリンタの設定を変更して縮小印刷します。プリンタのメーカーにより、多少手順は異なりますが、いずれのプリンタも縮小印刷できるはずです。

もう一つは、CSSに手を加えることです。
CSSに以下のようなコードを追加してみてください。
--------------------------------
@media print {
#left { display: none; }
}
--------------------------------
上記はサイドバーのID名が「left」の場合の記述です。
このような指定をすると、ディスプレイで見た時は通常通りですが、印刷する時にはID名「left」の部分が印刷されません。

1.

2006-02-16 02:36:03
ページをすべて印刷するのではなく、必要な部分だけを印刷すれば良いのではないでしょうか。

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

>>#1
もう一度CSSを読み返してみたところ、「.blog」で表示位置が指定されているため、左に余白ができ、印刷が切れるのだと思われます。

#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; }}と記述してください。

トラックバック(2)

トラックバックURL: