• ベストアンサー

セブンイレブンのHPのように印刷時に横幅の自動調整をしたい

セブンイレブンのホームページのように、 横幅を768pxとっているのにも関わらず、A4縦での印刷時に横幅が切れないようにしたいのですが、どのようにしたらできますか？ いろいろ試してみたのですが、横幅が750pxを超えると、切れてしまいます。 ◆セブンイレブンジャパン http://www.sej.co.jp/faq/index.html 環境は、 Windows IE5.5↑ HTML、CSS、Javascriptのみ使用可能。

  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
  • taseki
  • ベストアンサー率66% (155/233)
回答No.1

回答にならないかもしれませんが、 私の環境では、セブンイレブンのページもA4縦で右端が切れます。 また、他のサイトのページも、横幅が一定以上だと切れます。 WinIE5.5、WinIE6でも同様でした。 単純にプリンタなどお使いの環境に依存するのではないでしょうか。

sarasasp
質問者

お礼

ありがとうございます。そうかもしれません。。。 CSSでマージンの指定をするのが精一杯なのでしょうか。もう少し検討してみます。 どうもありがとうございます！

その他の回答 (2)

  • Java-Java
  • ベストアンサー率41% (14/34)
回答No.3

<link rel="stylesheet" href="screen.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css" media="print"> まず上記のように「media="print"」でプリントアウト用のCSSに振ります。 プリントアウト用のCSSをリキッドレイアウトで作成すれば、横幅が切れないでプリントアウトできると思います。

回答No.2

スタイルシートは、mediaを指定することで、「ブラウザで表示した場合にのみ適用」「印刷時にのみ適用」と振り分けることが出来ます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • セブンイレブン

    セブンイレブンって世界中に展開してますけど、本部はアメリカですよね。本部とセブンイレブンジャパン、各国のセブンイレブンの関係はどのようなものなのでしょうか？ハワイのものは日本が運営してるようなことはきいたことあります。それとホームページで、イトーヨーカドーとセブンイレブンジャパンがセブンイレブンの株主になってるようなことを書いてたんですけど...あとほかのコンビ二の海外展開に詳しい方いらっしゃったら教えてくれませんか？

  • ホームページの横幅が広くて、印刷すると切れてしまう。

    会社のホームページを作っていて、横幅の設定について質問させて下さい。 横幅720pxで作成していたのですが、印刷する時に切れないように横幅を短くして欲しいと言われました。windowsのIEから印刷しようとすると、右側が切れてしまいます。印刷の設定を変えればよいのですが、その設定をしていない（分からない）人も多いようです。 大企業のHPを見てみると横幅700～780pxが多いので、これが主流だと思っていたのですが、やはり右側が切れずに印刷できるように横幅短め（600px以下？）で、ホームページを作成した方がよいでしょうか？ 私としては印刷幅に合わせると横幅がかなり狭くなるように思うので、モニタ表示を優先して作成したいのですが・・・ みなさんはどうしていますか？ご意見伺えたらと思います。

  • セブンイレブンのスキャナについて

    セブンイレブンに自分の描いたイラストを持ち込んでスキャナでスキャンし、家のパソコンでコピーしようと考えています。 セブンイレブンのホームページ( http://www.sej.co.jp/services/popup/svflow_scan.html )を見てみると、USBメモリにデータを入れられるようなのですが、USBメモリの代わりにスマートフォン(Android端末)にUSBケーブルを接続してスマートフォンにデータをいれることはできますか？ 普段あまりパソコンを触らないので、USBメモリを持っておらず、困っています。

  • セブンイレブンのコピー機から、ホームページの印刷について

    私のは、プリンターを持っていませんので、印刷をしたいときは、近くのセブンイレブンに行きコピーをとっています。質問があるのは、ホームページをコピーした場合、セブンイレブンのコピー機でどのように、印刷をすればいいのか教えてください。よろしくお願いします。

  • セブンイレブンのおでんＣＭ曲

    現在放映中の、セブン・イレブンのおでんのＣＭで 流れている曲は、何という曲かご存知のかたは いらっしゃいませんか。 以下ＵＲＬで、「最新ＣＭ」おでんのところをクリックすると 音入りのＣＭが見られます。どうぞ宜しくお願いします。 http://www.sej.co.jp/shohin/cm/index.html

  • セブンイレブンの文章プリントの用紙材質

    セブンイレブンの文章プリントで、USBをもっていってPDFを印刷したいんですが A4とA3の「スーパーファイン用紙」での印刷は出来ますか？ データの対応フォーマットは書いてありますが印刷できる用紙の材質が 書いてないので http://www.sej.co.jp/services/print_document.html

  • ロールオーバーを含む複数の動作について

    製作初心者ですが宜しくお願いします。 今回ホームページを作るにあたり、以下のJavaScriptを使用した動作を検討中です。内容に心当たりがありましたらご教授下さい。 先ず横590px縦300のメイン画像があり、その横に横180px縦50pxの画像を６個にしての設置を行います。 横の180px縦50px画像をロールオーバーにし、更にその画像にマウスを乗せた時に横590px縦300pxのメイン画像も同時に変えたいのですが、これらの動作は可能でしょうか？ また、欲を言えば…ロールオーバーにした画像にリンクを貼り、目的のページへ移動をしたいとも考えております。 参考なサイトとしましては、セブンイレブンのトップページで使用しているフラッシュによる事ですが、あいにくフラッシュは未経験でソフトも無く行えませんので、JavaScriptで可能な限り動作的に行えればと考えております。 参考ＵＲＬ： http://www.sej.co.jp/index.html 自分でも色々探してみましたが、なかなか見つからずスクリプト同士を連結したりして試しても見ましたが動作にバグが生じ、上手くいきませんでした。 そこで、参考になるサイトがあれば教えてください。 宜しくお願いします。

  • スマホページの横幅調整

    スマホのＨＰを作ったのですが、初期表示時、小さく表示されてしまいます。 たて表示をイメージして、横幅３２０ｐｘの固定サイズで作成したのですが、 ほかになにか記述が必要なのでしょうか？ （通常のHTMLとｃｓｓで作成しています） お手数ですが、ご存知の方、教えてください。

  • サイト全体を縮小して印刷するには？

    こんにちは。教えてください。 http://lexus.jp/ 上記アドレスのサイトのように 横幅940pxと普通はＡ４縦では全てが印刷出来ないサイズのサイトでも ブラウザから印刷するとサイト全体が縮小して Ａ４縦に収まって印刷される方法を教えてください。 JavaScript、css少しならわかります。 よろしくお願い致します！

  • MacのIEで同じに見える文字のCSSを教えてください。

    WinのIEで文字に12pxのCSSを当てているのですが MacのIEで見ると、文章の横幅が大きくなってしまいます。 javascriptでWinとMacを振り分けてCSSを当てているんですが 同じに見えるMac用のCSSを教えてください。 ※Macの12pxとWinの80%は同じでした。 　Winの12pxはMacの何に当たるのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する