人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートについての質問です。

スタイルシートでブラウザのメニューから設定できる「ページ設定」の余白を制御しようと思います。
あちこちのページを見て下記の通りやればできるというのを見つけたので試したのですがうまく反映されません。

ページのヘッダーに
<link href="print.css" rel="stylesheet" type="text/css" media="print">

print.cssの中
@page {
margin-top: 0.5cm;
margin-bottom: 0.5cm;
margin-left: 0.5cm;
margin-right: 0.5cm:
}

どこか間違っているのでしょうか?

●質問者: nyankochan
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS margin print TOP スタイルシート
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● STRing
●35ポイント

@規則 一覧 - CSS Dencitie

文法が間違っているからです。

@media print {
 margin-top: 0.5cm;
 margin-bottom: 0.5cm;
 margin-left: 0.5cm;
 margin-right: 0.5cm:
 }

User-Agent の対応も確認を。

◎質問者からの返答

やはりうまくいきません。

http://www.tohoho-web.com/css/reference.htm

このサイトに書いてあるとおりのIE5.5以降ではダメということですか?

使ってるIEは6.0ですが、STRingさんの提示されたページでは適用外になっているようです。


2 ● komorebi
●35ポイント

外部のCSSファイル内で、

@media print{ ? }

を指定してもIEは認識しません。(経験談)

すでに、<link media="print">を指定している段階でプリント用になってますから、

body もしくは、その中のコンテンツに対して、

margin指定を普通指定するだけで済むと思います。

1cm未満が、認識するかどうかも問題ですが、

まずは値を大きめにして反応するか試してから希望の値にすると良いと思います。

◎質問者からの返答

1cmも5cmも反応なしでした。

やはり、IEではページ設定の部分の余白を制御することはできないのですね。

各サイトによって出来るできない表記が曖昧なので真偽は定かではないですが、

今の自分の環境下では少なくともできなさそうです。

で、bodyはそのページのマージンなので@pageじゃないと意味無い気がします。

しばらくは、印刷する閲覧者に余白の設定をしてもらうよう注意文を付け加えて見ます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ