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

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です。

●質問者: moriamko44728
●カテゴリ:ウェブ制作
✍キーワード:background CSS GIF URL ソース
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● yasbox
●20ポイント

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

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


<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>


2 ● honey_orange
●20ポイント

http://www001.upp.so-net.ne.jp/caty_summer/hatena.htm

無題ドキュメント

URLをご覧ください

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

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

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

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


3 ● macopin
●20ポイント

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

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

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


background-position:right top;


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


4 ● japin_kei
●20ポイント

div.companyAREA{

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

}


これでだめでしょうか?


5 ● japin_kei
●20ポイント

div.companyAREA{

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

}


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

関連質問


●質問をもっと探す●



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