• ベストアンサー

印刷できるページの作り方

仕事である会社のホームページを作ることになりました。 そこで出された条件が、「印刷したときにA4サイズに収まるページ」。 印刷を考えるのであれば、横幅を640程度に抑えるとか、pdfにしてしまうとかも考えられるのですが、横幅を小さくすれば「画面で見たときに端が空きすぎ」また、「pdfはだめ」と、却下されてしまいます。 横幅を広げて、用紙を横にして印刷というのも、却下。(一々横にしたりしなくてもすむように、印刷設定をしなくてもすむようにしてくれとのこと) ・・・とすれば、cssなんかで印刷用のページを作るとかしかないのかとも思いますが、正直cssはあまり分かりません。(勿論勉強しながらやるつもりですが) また、cssを使うにしても対応しないブラウザがあるのはだめだとのことで、こんなんで本当に出来るのか・・・。 また、スケジュールもかなりタイトな日程を強引に組まれてしまい、時間もありません。 画面上では通常に見え、ブラウザの印刷ボタンで自動的にPページがPDFで印刷されるようにするとかいう方法はあるのでしょうか・・・? 一体どうすればいいのか、困ってしまいました。 何か良い方法はないでしょうか?

  • alien
  • お礼率87% (21/24)

質問者が選んだベストアンサー

  • ベストアンサー
  • neKo_deux
  • ベストアンサー率44% (5541/12319)
回答No.1

> ブラウザの印刷ボタンで自動的にPページがPDFで印刷されるようにする AdobeReaderの入っていない環境もあるでしょうから、却下の気がします。 -- 原則的に、webページは印刷結果を意識しないので、質問の条件をすべて満たす事は不可能。どこかで折り合いをつける条件に変更させるしかないように思います。 ある程度説得力のあるサンプルとして、 goo地図 - 東京駅周辺 http://map.goo.ne.jp/map.php?MAP=E139.46.12.210N35.40.40.510&ZM=&SZ=&sw=2&MT=%C5%EC%B5%FE&C1=&C2=&POSTAL=1000005 なんかでも、 | 印刷用画面 A4横 | A4縦 として、別途印刷用の画面を用意している。 Yahoo!、gooなどのような大手のディレクトリサービスでも実現不可能な要求仕様である。 …とかなんとか。

参考URL:
http://map.goo.ne.jp/map.php?MAP=E139.46.12.210N35.40.40.510&ZM=&SZ=&sw=2&MT=%C5%EC%B5%FE&C1=&C2=&POSTAL=1000005
alien
質問者

お礼

ありがとうございます。お礼が遅くなりまして、申し訳ございません。 ・・・やっぱり全てっていうのは無理ですよね・・・ 私もそう思います。 そもそもWEBと印刷物は別で印刷優先でページを作る事自体が私にはナンセンスにも思えるのですが・・・ なんとか先方を説得するようがんばります。m(__)m

その他の回答 (1)

  • digitaljj
  • ベストアンサー率54% (85/157)
回答No.2

なぜ「印刷したときにA4サイズに収まるページ」にこだわるのか分かりませんが、ブラウザからプリントアウトをする際に、用紙設定をA4にして「縮小して全体をプリント」にチェックをすると横幅640でも780でもA4にプリントされますが。これでは駄目ということですか。

alien
質問者

お礼

お答えありがとうございます。お礼が遅れまして申し訳ございません。 ・・・私も分かりません。なぜA4にこだわるのか・・・(^^; 縮小プリントなり何なりしてくれれば良いのですが、縮小プリントしてくれるくらいなら、用紙を横にして印刷してくださいといって納得してくれるような気もします。 でもご意見を参考に、先方には伝えてみます。 ありがとうございました。

関連するQ&A

  • ページ印刷時の余白設定

    HPを作っているのですが (横幅750pix程/ページマージン上下左右0pix)、 A4縦印刷する時にどうしても右側が切れてしまいます。 (※A3や、横にしたり、ブラウザ側で余白の設定をすれば印刷できます。) CSSで、印刷時の紙の方向などを設定するのは調べてみたところ可能のようなのですが、A4縦方向ではいるようにCSSでの指定は可能なのでしょうか?不可能なのでしょうか・・・。 印刷時の余白設定はやはりブラウザ側で設定するしかないのでしょうか? ページ自体の幅(デザイン)を狭くするのは最終手段として、、、。 ご教授いただけませんでしょうか。 よろしくお願いいたします。

  • CSSによる印刷設定

    横幅が800pxで制作したWEBページの印刷設定をCSSにて行いたいと思います。背景画像を使用しているので、IEブラウザのツール→インターネットオプション→詳細設定の一番下にある「背景の色とイメージを印刷する」にチェックを入れて印刷プレビューをかけると確かに見た目通りの表示になりますが、横幅800pxですと右端が切れてしまいます。これを横幅が切れないように印刷設定するための方法としてCSSで何か設定はございますでしょうか?単純にプリンタのページ設定で横印刷や余白設定をすれば良いのでしょうが、デフォルトで最低限やっておきたいと考えております。有識者の方々、ご教授の程、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 印刷

    自分のHPを、 ■「HTML」+「外部CSS」で、作成しました。 試しに、ブラウザの画面を印刷(プレビュー)しようとしたところ、 「HTML」の部分だけになってしまいます。 ■「HTML」+「内部CSS」のページもあるのですが、 こちらは、ほぼ、ブラウザの画面どおり、印刷(プレビュー)されます。 ■「HTML」+「外部CSS」を、ブラウザの画面を印刷(プレビュー)のまま 印刷することは、できないんでしょうか? IE6 XP です。よろしくお願いいたします。

  • 表示用ページと印刷用ページ

    表示用ページと印刷用ページがあります、印刷用ページには、 <link rel="stylesheet" href="css/print.css" media="print">で印刷用cssを適用しています。 表示用ページにあるprintボタンを押しと自動的に印刷用ページの印刷プレビュー画面を表示したいのですが、うまくいきません。ご教授お願い致します。

  • XHTML+CSS 印刷バグ

    はじめまして。 XTHML+フルCSSでサイトを制作しています。 画面上ではこちらの意図している通りに表示できたので、 「これで行こう!」と思っていたら、印刷バグが… 印刷プレビュー画面で確認しようとすると、 中身が白い状態のまま、ページのカウントが異常にあがって終了します。 横幅は広めの900pxで指定しているのですが、 横幅が原因ではないのは確認しました。 こちらの方と症状が似ているので、おそらくfloatに原因があるのではと思いますが… http://oshiete1.goo.ne.jp/qa2357209.html …私の場合は、印刷プレビュー画面でヘッダーすらも表示されません。 ちなみに、ブラウザはWin XP + IE7です。 (mac + Safariでも確認しましたが、こちらは印刷プレビューでうまく表示されました) print.cssは箱だけ作って、まだ中身は記述していません。 まだTOPページしか作っていませんが、公開可能なものなので HTMLとCSS両方ご覧ください。 http://www.okuri.jp/test/ http://www.okuri.jp/test/css.html web上も書籍もいろいろ探してトライしてみましたが、解決策が見つかりません。 どなたかご教示いただけたら幸いです。

    • ベストアンサー
    • CSS
  • Webページを100%印刷する方法

    Webページ を印刷したら、横幅がありすぎて、切れてしまいました。たとえば縮小されてもかまわないので、ページをきちんと印刷する方法があれば教えていただけると助かります。

  • ブラウザ表示用と印刷用のCSSが同一の場合、ブラウザの表示と印刷ページでは、表示に大きな差がありますか?

    例えば、IEはTridentというレンダリングエンジンを搭載しているようです。当然、ブラウザ表示のレンダリングはTridentが行うと思いますが、IEで印刷する場合のレンダリングも同じレンダリングエンジンが使用されるのでしょうか? もしそうであれば、CSSのmediaタイプにprintを指定した場合(ブラウザ表示用のCSSと印刷用のCSSが同一場合)、ブラウザ上の表示と印刷ページの表示には、 ・フォント(サイズ)の相違 ・デフォルトで背景を印刷しない ・クライアント側の印刷用紙サイズによって画面右側が途中で切れる の点を除いて、例えば、印刷ページにのみ特有のバグ等の大きな差がありますでしょうか?

  • ウェブサイトの全ページをキャプチャして一気に印刷

    ウェブサイトの全ページをキャプチャして一気に印刷する方法ありますでしょうか? 全ページというのは、例えばトップページの上から下までということではなく、100ページのサイトなら100ページ全てという意味の全部です。もちろん各ページ上から下までもです。 リンク先も含めて全ページ印刷なら、インターネットエクスプローラーの印刷オプションでできるのですが、cssでoverflowやpositionを使っている場合、重なったりして見た目の通り印刷できません。なので、キャプチャしてから印刷が必要と考えたのです。 ページの上から下までキャプチャする方法はありますが、リンク先も全てキャプチャする方法などありますでしょうか?そしてそれを一気にすべて印刷する方法などありますでしょうか? cssのoverflowやpositionによる不具合を起こさず、見た目の通り印刷できるならキャプチャという方法でなくても大丈夫です。 OSはwindows8.1。 ブラウザはfirefox、chrome、インタネットエクスプローラーはあります。必要であれば他のブラウザをインストールします。 プリンタはfuji xerox DocuCenter-IV C2275です。 何卒よろしくお願いいたします!

  • Webページの印刷

    あるページを印刷すると、画面では明らかにA4をはみ出すページでも、文字が改行されて全ての文字が印字されるのですが、別のページでは途中で切れてしまいます。 上記例の2つのページの作り方の違いは何が考えられるのでしょうか? また、スタイルシートで、横幅を絶対値指定していると、途中でもじはが切れて印刷されるということがあるのでしょうか? 教えて下さい。よろしくお願いします。

    • ベストアンサー
    • HTML
  • ページ内特定範囲の印刷

    ページ内特定範囲(画像等)の印刷ボタンを設けたいのですが シンプルな方法はないでしょうか? 過去ログをみましたが、スクリプトが複雑すぎて。 CSSでディスプレー画面とプリント画面に分ける方法も やってみましたが動きませんでした。 よろしくお願いします。