最近ホームページ制作を勉強しはじめた初心者なのですが、なんとかページの大部分が作成できました。
ところがIEで表示させてから、ブラウザの印刷を実行すると、画面表示のとおりに印刷することができません。どこを直せばよいのでしょうか?
ちなみに、ヘッダのCSS関連の記述は以下のようになっています。(これが何を意味しているのかはよく分かっていませんが。。。)
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
制作ソフトはDreamWeaver8を使っています。
おこころあたりがありましたらご指導ください。よろしくお願いします。
No.3
- 回答日時:
「IEの画面表示どおりに印刷ができない」だけではどうおかしいのかわかりません。
背景画像が印刷されない、背景以外の画像が表示されない、色が印刷されない、色が変、テキストの位置がおかしい、などいろいろあると思いますが、どうおかしいのかわからなければ、アドバイスのしようもないです。
背景画像が印刷されないとかだったら、それはプリント設定の問題が考えられます。背景画像は印刷しない設定になってると(たぶんデフォルトはそうなってるはず)印刷されません。背景色も印刷されません。黒バックに白文字のページだと、真っ白に出たりします。
画像が重なってたりするようなことがあるなら、イメージを縮小表示にしているということも考えられます。(元のサイズで印刷されたりします)この場合はイメージタグの問題とやっぱりプリンタの設定の問題がかかわります。
ちなみに、お書きのヘッダでわかるのは、「このページと同じ階層にある『style.css』というファイルにcssの設定が記述されています」ということくらいです。どんな内容のcssが記述されているのかもわかりません。これでは回答もできませんよ。
状況説明に関して言葉足らずな点があり、失礼しました。
No.2様のアドバイスにしたがいサイズ調整をいろいろ試してみたところ、無事解決することができました。
補足しますと、ページをスタイルシートを使ってサイドバー部分とメイン部分に分けて組んでおり、画面表示上は正しく表示されていたのですが、印刷するとサイドバー部分とメイン部分とが縦に並んで表示され、レイアウトが崩れるということが起こっていました。
幅の微調整をいろいろ試してみたところ、うまく表示されました。皆様ご回答ありがとうございました。
No.2ベストアンサー
- 回答日時:
ブラウザに表示して確認をなさっていると思いますが、
そのときブラウザを最大化して確認していませんか?
A4で普通に印刷できるのは、幅700ピクセル程度です。
たとえば、yahooのトップページを開いて、横幅全部が表示できる程度まで、
ブラウザのウィンドウをマウスで小さくしてみてください。
A4で普通に印刷できるのはこの程度です。
次にこのウィンドウサイズに合わせて、質問者さんの
ページを表示させてみましょう。
どうでしょうか?印刷したような状態になりませんか?
No.1
- 回答日時:
印刷は
<link href="style.css" rel="stylesheet" type="text/css" media="print" />
ですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
- ノートパソコン ページ番号の入れ方について 3 2023/02/16 17:11
- Ruby htmlの記述で link rel=stylesheet href=ress.cssの指定をする l 1 2023/04/02 21:15
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PrintScreenを押して直接印刷し...
-
エクセルでA6サイズを印刷したい
-
パソコンの画面を印刷するとA4...
-
ExcelでA4サイズの用紙に合わせ...
-
印刷プレビューに白紙のページ...
-
教科書の図を拡大して印刷した...
-
A3で作ったデータをA4のPDFにし...
-
Excelにて中央線を入れる
-
エクセル 右半分消えて、印刷...
-
パソコンからL判で印刷する方法
-
複数のページを一枚の紙に印刷...
-
Chromeで印刷時のヘッター設定...
-
LibreOffice(リブレオフィス)...
-
Excelでヘッダーフッターの印刷...
-
AUTOCADで書いた図面を実寸で印...
-
ラベルマイティ2で作成した画...
-
スクロールバー付き画面の印刷...
-
Edge の印刷設定は何処に?
-
印刷時ヘッダのみ印刷されます。
-
acrobat 印刷、勝手に上下分割...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PrintScreenを押して直接印刷し...
-
PDFファイルの全ページに通し番...
-
エクセルでA6サイズを印刷したい
-
ExcelでA4サイズの用紙に合わせ...
-
パソコンの画面を印刷するとA4...
-
acrobat 印刷、勝手に上下分割...
-
PDFの2in1設定を元に戻すには
-
USBでコンビニ印刷について。 P...
-
A3で作ったデータをA4のPDFにし...
-
印刷プレビューに白紙のページ...
-
PDF-Xchanger viewerの印刷につ...
-
背景が黒の画面を白黒反転で印刷
-
パソコンからL判で印刷する方法
-
エクセルで印刷すると文字が印...
-
Winshotで印刷がうまくできない
-
AUTOCADで書いた図面を実寸で印...
-
PDFでA3サイズを2枚に分けてA4...
-
2ページ並べて作ったAcrobat P...
-
印刷すると1枚白紙が余分に出...
-
Excelでヘッダーフッターの印刷...
おすすめ情報