• ベストアンサー

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

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

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

  • ベストアンサー
  • 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を指定することで、「ブラウザで表示した場合にのみ適用」「印刷時にのみ適用」と振り分けることが出来ます。