【CSS】Firebfox内でbackground-imageを使うって階層化すると・・・

解決済

質問者：fairy_tink
質問日時：2005/07/01 14:01
回答数：1件

IE６では正しく表示されるのに、FireFoxだとずれてしまうという問題について、ご教授ください。

CSSで２つのBOX（outboxとinbox）と定義します。
outboxの定義の中にinboxを配置します。
outboxの背景にbackground-imageをいれなければ問題ないのですが、いれるとinboxの位置がおかしくなってしまうのです。（outboxからのmarginが効かない）IEでは正しく（意図したように）表示されています。

ソースは以下です。
test.gifは、outboxのwidthとheightにあわせて作成するか、widthをheightを変更してください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>test page</title>
<style type="text/css">

</style>
</head>
<body>
<div class="outbox">
<p class="inputbox">aa</p>
</div>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： 9arabi
回答日時：2005/07/01 15:35

paddingの指定をしてやればいいと思います。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございました。
marginで行うことしか考えていなかったので・・・。
こんなことで悩んでいたのがばからしいほどです。
＃情けない。

ただ、実は他の解決方法もありました。
お答えをいただく前に気づいたのですが、outboxに
borderを背景色でいれるとなんとちゃんと表示されるんです。
これも一つの回答かと思いましたので、一応書いておきます。

通報する

お礼日時：2005/07/01 16:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！