ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：dwilk ブラウザの大きさによって背景画像の位置が違う
困り度：
  • すぐに回答を！
 ブラウザの大きさによって、背景画像の位置(横位置)が変わってしまうのですが、どうしたらブラウザの大きさに依存せずに背景画像を一定の位置に置くことができるのでしょうか??

背景画像はcssのbackground-positionで横位置のみ%を使って指定しました。
left center rightなどで指定すると、ブラウザ関係なく、固定の位置で表示してくれるのですが、今回はレイアウト的に%を使って微妙な位置に表示させたいのです。

この説明では分かりづらいかもしれませんが、
%を使わなくても微妙な位置に設定でき、ブラウザの大きさに依存しない方法などありましたら、アドバイスをお願いいたします!!
質問投稿日時：08/04/08 16:15
質問番号：3932448
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示

回答

 
回答者：abril > pxでやってみましたが、ダメでした。
> ブラウザの横幅によって、背景画像があちこち・・・

いや、pxで指定していれば（勿論、そのブロックの基点が流動的でなければ、ですが）背景画像の位置は固定されますよ。

#HOGE {
width: 500px;
background: url(../images/back.gif) 200px 100px no-repeat;
}

この様にすると、HTML側で<div id="HOGE">コンテンツ</div>でマークアップされた箇所の、上から100px・左から200pxの位置に"back.gif"が常に表示され、ウィンドウサイズの変更には左右されません。IE6.0/7.0、Firefox2.0〜、Opera9.25 on Windows XPで検証済みです。

何かプロパティの定義かHTMLのマークアップに不適当な記述があるのではないでしょうか？実際のソースを補足して頂ければ原因が特定できるかもしれませんが…
種類：アドバイス
どんな人：専門家
自信：参考意見
回答日時：08/04/08 18:30
回答番号：No.2
この回答へのお礼>いや、pxで指定していれば（勿論、そのブロックの基点が流動的でなければ、ですが）背景画像の位置は固定されますよ。

私の初歩的なミスでした。
ブロック自体をwidth100%としていたので、ブラウザごとにあちこちしていました・・・
固定したことによって、背景画像もブラウザのサイズによって左右されることもなくなりました!!

ありがとうございました。
お世話になりました☆

回答

 
回答者：asamixxx px指定ではだめですか？
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/08 16:22
回答番号：No.1
この回答への補足回答ありがとうございます!!
>px指定ではだめですか？

pxでやってみましたが、ダメでした。
ブラウザの横幅によって、背景画像があちこち・・・
この回答へのお礼この回答にお礼をつける(質問者のみ)
 
最新から表示｜回答順に表示
このページのトップへ