WEBページ印刷の余白設定

[新着] Webテンプレートを仮オープンしました



0   名前: sakura : 2007/03/24(土) 09:40  ID:BXpEioME sub-Cl
Excelでマージンを設定したページをSampleとして作成してみました。下記コードですが、
<head>
<style type="text/css">
<!--
@page
	{margin:1.57in 1.18in 1.18in 1.57in;
	mso-header-margin:0in;
	mso-footer-margin:0in;}
-->
</style>
</head>
単純に印刷してみると マージンは有効になっていません、CSSでマージンを有効にする手段はないのでしょうか?。
環境IE6x、ファイルサイズをA4で指定した結果です。

1   名前: あや : 2007/03/24(土) 09:40  ID:TRVH9wjM sub-ND
外部CSSを用意して
<link rel="stylesheet" href="css/print.css" type="text/css" media="print">
で指定してあげるのはいかがでしょうか?
 そうすればモノクロでプリントアウトするユーザー向けの指定も細かくできますし。

 なお手持ちの本によればA4という大きさは72dpiでは842×595px、96dpiでは794×1123pxに相当するそうです。  

2   名前: あや : 2007/03/24(土) 09:40  ID:TRVH9wjM sub-ND
すみません、間違えました。

> 96dpiでは794×1123pxは1123×794pxが正解でした。

3   名前: sakura : 2007/03/24(土) 09:40  ID:BXpEioME sub-Cl
>>1 >>2 あやさん 書き込みありがとうございます。
簡単な 解説用ページをUP使用と考えていて、印刷をクリックだけで「左とじしろ」をとれないものかと 考えているのです(印刷設定をして打ち出せば済む事ですが)。私の場合ですが、画像は72dpiでUP、CONTENT(BODY幅)を基本的には800*600pxで作成しております、とじしろを考えなければ 長さは別にしてA4におさまりますので 問題がないのですが。
media="print"で印刷用CSSを作成して いろいろとためしてみます。お世話になりました。
dpiとpxサイズの関係、知りませんでした、参考になりました。

4   名前: Z ◆XTzyosZXcL : 2007/03/24(土) 09:40  ID:vJSduAD1 sub-Cl
>>0-3
 CSSの@page規則についてはインターネットエクスプローラは非対応なようです(というより対応しているUAの方が少ないかも(^^;)。

「@page 対応 CSS」のキーワードでGoogle検索をかけた結果出てきた資料の一例:
http://www6.plala.or.jp/go_west/nextcss/ref/slctr/at_rule.htm#page

#だからCSS2リファレンスでは「このリファレンスでは,@page および @font-face規則についての概説は行なつてゐません。」(http://hp.vector.co.jp/authors/VA022006/css/syntax.html#at-rules)としたのでしょうね。

5   名前: sakura : 2007/03/24(土) 09:40  ID:dO1siwqm sub-bK
>>4 Zさん、追加情報 ありがとう御座います。
上記サイト 見てみました、@pageは未対応なのですね、何故?こんなルールが…
>>0 ですが、エクセルでマージンを設定してHTMLで書き出ししました、その結果のソースでしたので、少なくともIE6やIE7では 対応できているとばかり 思っていました。
エクセルは何故 こんなソースを書くのでしょうね、XMLの関係??IEと同じ マイクロソフトなのに。(^^;) 

6   名前: Z ◆XTzyosZXcL : 2007/03/24(土) 09:40  ID:vJSduAD1 sub-Cl
>何故?こんなルールが…
 点字プリンタ、紙、OHPシート、映写スクリーンなどを想定しているからでしょうね(メディアタイプ”screen”とは違うものです)。

CSSリファレンス・メディアについて:
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/RefCSS/__media.html

CSS2 Level2 仕様書(メディアグループ):
http://www.y-adagio.com/public/standards/tr_css2/media.html#media-groups
http://www.w3.org/TR/REC-CSS2/media.html#media-groups

CSS2 Level2 仕様書(ページメディア):
http://www.y-adagio.com/public/standards/tr_css2/page.html

7   名前: Z ◆XTzyosZXcL : 2007/03/24(土) 09:40  ID:vJSduAD1 sub-Cl
>>6で仕様書現物のURIを一部貼り忘れましたので追加します。済みません。

CSS2 Level2 仕様書(ページメディア):
http://www.w3.org/TR/REC-CSS2/page.html

>エクセルは何故 こんなソースを書くのでしょうね
 このあたりの事情はよく分かりませんので私はパスです(Microsoft Officeの各アプリケーションのHTML出力は使うべからず、という話はあちこちで耳にしますが、そういうものを出力させている意図については解説が見当たりませんでした(^^;)。

8   名前: sakura  : 2007/03/24(土) 09:40  ID:IXMfTHfa sub-bK
私事ですが、WEBページを作成する途中で(作成ソフトを持っていないので)エクセル・ワード・一太郎等のソフトでテキスト関連の装飾、テーブルなどを作成して HTMLファイルで書き出して、そのソースの必要部分を切り取って利用したり しておりましたので(手抜きでありますが、それなりに便利)、今回の疑問(スレッド)になりました。

書込をしていただいた皆さん ありがとう御座いました。 _(_^_)_

!!! UA ID が自動でつくのですね、なるほど (汗"汗"

一覧へ戻る