CSSについて教えてください。

macIE5の環境で背景の位置がうまく表示されないのですが、以下のソース
<body>
<div class=”companyAREA” id=”cfnBLOCK1”>
<h2>見出し</h2>
<p>内容
内容
内容</p>
</div>
</body>
</html>
CSSは
div.companyAREA{
background: Fuchsia url(../images/cfn_history_back2.gif) no-repeat 100% 0px !important;
}
div.companyAREAの右上(右角をピッタリあわせて)に背景を表示したいのですが、<p>の内容が増えて縦が長くなると背景画像の上が揃わなくボックスの縦の長さによって下に下がってしまいます。
良い解決策はないでしょうか?教えてやってください。お願いします。
macIE以外の環境でしたらOKです。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/07/01 15:12:47
  • 終了:--

回答(5件)

id:yasbox No.1

yasbox回答回数9ベストアンサー獲得回数02005/07/01 21:22:42

ポイント20pt

少々、意味が分かりにくかったのですが、

こういう事でいいのでしょうか?


<html>

<head>

<style type=”text/css”>

<!--

body {

background-attachment: fixed;

background-image: url(../images/cfn_history_back2.gif);

background-repeat: no-repeat;

background-position: right top;

}

-->

</style>

</head>

<body>

<h2>見出し</h2>

<p>内容

内容

内容</p>

</body>

</html>

id:honey_orange No.2

honey_orange回答回数544ベストアンサー獲得回数72005/07/01 22:03:31

ポイント20pt

URLをご覧ください

こういうことだと思いますが

もしよかったら 右クリックでソースをお持ち帰りください

コチラの環境は Win IE6 で確認してます

もし自分の勘違いでしたら 申し訳ないです^^;

id:macopin No.3

macopin回答回数151ベストアンサー獲得回数02005/07/02 01:10:18

ポイント20pt

http://www.tagindex.com/stylesheet/page/background_image3.html

スタイルシート[CSS]/ページ全般/背景画像の表示位置を指定する - TAG index

MacIE5.2.3ではずれていくようなことは無いみたいですが、


background-position:right top;


とかを入れてみたらいかがでしょうか?

id:japin_kei No.4

japin_kei回答回数4ベストアンサー獲得回数02005/07/03 17:33:58

ポイント20pt

div.companyAREA{

background: Fuchsia url(../images/cfn_history_back2.gif) no-repeat top right !important;

}


これでだめでしょうか?

id:japin_kei No.5

japin_kei回答回数4ベストアンサー獲得回数02005/07/03 17:38:19

ポイント20pt

div.companyAREA{

background:url(”../images/cfn_history_back2.gif”) no-repeat top right !important;

}


すいません、もしくわこちらでお願いします。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません