- ベストアンサー
センタリングしたページの印刷
- センタリングしたページの印刷方法を知りたいです。現在、センタリングされたページを作成していますが、印刷する際には左寄せで印刷したいです。
- e-bankさんのトップページを参考にセンタリングしたページを作成しています。ブラウザで表示された際はページがセンタリングされていますが、印刷する際にはセンタリングが解除されてページ全体が切れることなく印刷されています。
- htmlファイルでのセンタリング方法を試しましたが、印刷する際にもセンタリングされたままでした。e-bankさんのように左に余白を入れずに印刷する方法を教えていただけませんか？
- 1960impala
- お礼率50% (3/6)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じですかね <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>html test</title> <meta http-equiv="Content-Style-Type" content="text/css;charset=Shift_JIS"> <!-- 外部スタイルシート --> <!--<link rel="stylesheet" type="text/css" href="パス" media="all">--> <!-- プリント用外部スタイルシートの場合 --> <!--<link rel="stylesheet" type="text/css" href="パス" media="print">--> <style type="text/css"> <!-- @media all { /* すべてのスタイル */ * { margin: 0; padding: 0; } body { font-size: medium; color: #000; background-color: #fff; } #main { width: 50%; margin: 0 auto;/* Strictでのセンタリング */ } table, th, td { border-width: 1px; border-color: #000; border-style: solid; } table { width: 100%; } } @media print { /* プリント時のスタイル */ #main { margin: 0;/* センタリング解除 */ } } --> </style> </head> <body> <div id="main"> <table> <tr> <td>aaaa</td> <td>aaaa</td> </tr> </table> </div> </body> </html>
お礼
ご回答ありがとうございます!!教えていただいたやり方で出来ました!! 感激です(>(エ)<) mediaでallとprintと振り分けることが出来るんですね。知りませんでした…。勉強不足を痛感です。 私の説明が分かりづらく、誰にも答えていただけなかったらどうしよう…と思っていましたが、ご理解いただけたようで感謝いたします。本当にありがとうございました!!