CSSテクニックコミュのFF/N7で印刷時に背景画像が大きくなる

はじめまして。
MacOSXのFirefox 1.04/Netscape 7.1にて、印刷時にCSSのbackgroundで指定した背景画像が、実際のものよりも大きく表示されてしまう現象に悩んでいます。
SafariやIEでは特に問題ないのですが、なにか根本的に自分の理解がおかしいのでしょうか。
以下テスト用に作成したソースになります。

■HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div>
<p>100×50px</p>
</div>
</body>
</html>

■外部CSSファイル
* { margin: 0; padding: 0; }
body { background: url(test.jpg) no-repeat 0 0; }
div { border: 1px solid green; width: 98px; height: 48px; }
div p { text-indent: -9999px; }

■写真1
背景画像に使用したtest.jpg

■写真2
ブラウザ（Firefox）での表示

■写真3
印刷のプレビュー時

皆様のお知恵を拝借したいと思います。
よろしくお願いします。

コメント(7)

最初
全て
最新の40件

[1] mixiユーザー 09月26日 12:59

多分それって、背景画像が大きいんじゃなくて、他が小さくなっているのだと思います。
用紙サイズに合わせて縮小、みたいな機能が働いていると思うんですが、背景画像は縮小できないみたいです。

[2] mixiユーザー 09月26日 13:18

さっそくありがとうございます。
確かに他が用紙サイズに合わせて小さくなっていました。
原因が分かってほっとしています。
が、これ背景画像のみ原寸のままということだと思うのですが、これは仕方がないものなのでしょうか。

[3] mixiユーザー 09月26日 23:07

そうっぽい。
つか、知っている方がいましたら、教えてほしいっす。

[5] mixiユーザー 10月19日 16:29

私のところではSafari1.3 (v312)でもそうなります。
シンタタさんのSafariでは問題ないとのことなので、Safariはこれをバグと認識して解決したということですよね、きっと。
他の各ブラウザもこれからこの問題を解決して行く方向なのでしょうか？？

現時点で解決策があればぜひぜひ教えてほしいので、つい、あげちゃいました・・・。でもきっと、ないんでしょうね。

[6] mixiユーザー 10月19日 17:02

サハリ2.0.1では大丈夫っぽいです。
ソフトウェアアップデートをお奨めします。

[7] mixiユーザー 10月19日 20:03

＞ソフトウェアアップデートをお奨めします。
はい。します。

でも、FireFoxなどで印刷時に大幅にレイアウトが崩れちゃうのは、かなり辛いですね。今のところ、この件に関しては、各ブラウザの改良に期待するしかなさそうですね。

ログインすると、みんなのコメントがもっと見れるよ