みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

背景画像を任意の位置に置きたい

こんにちは、Santaと申します。
いつもお世話になっております。

Firefox 8.0
Chrome 16.0

背景画像を任意の位置に置きたいです。
画像のとおりです。

背景画像の大きさは
width:950px;
height:800px;
です。

左右にオレンジ色の矩形を置いております。オレンジの矩形の間の白いところは、白の矩形です。

左右では、center真ん中に来るように、上からは200px;の位置に置きたいと思っております。
自分の書いたCSSでは、絵柄が少し表示されるだけで、全体の画像も表示することができませんでした。
css
---------------------------------
body {
background-image:url(../images/background_line_wall.gif);
background-position:50% 50%;
background-repeat:no-repeat;
}
-----------------------------------
どのように書きましたら、上から200pxの位置へ、左、右からは中央へセンタリングできますでしょうか?
よろしくお願いいたします
失礼致します。

投稿日時 - 2011-12-20 14:50:57

QNo.7200231

すぐに回答ほしいです

質問者が選んだベストアンサー

body {
background:url(../images/background_line_wall.gif) 50% 200px no-repeat;
margin:0; padding:0;
}

最近のブラウザは問題無い(昔は問題あった・・・)

上200px、height:800px;の条件で下ゼロってのは矛盾です。

投稿日時 - 2011-12-20 16:13:10

補足

すみません、出来たかもしれません
今まだ途中なのですが、divボックスに隠れていたようです。
今からさらに修正してまいります。
結果をお知らせさせて頂きます。
ありがとうございました!!

投稿日時 - 2011-12-20 17:52:53

お礼

naokita 様

ありがとうございます。
すみません、矛盾しておりました。

さて、上記のCSSをさっそく、全共通のCSS 「common.css」に貼りつけて見ましたが、うまくいきませんでした。画像自体が表示されませんでした。
画像へのリンクは、Dreamweaverを使用して、リンク致しました。

左右の空白がおなじになるようにセンタリング。
ウィンドウ上からの距離 200px;

でした。
すみません。

投稿日時 - 2011-12-20 16:56:08

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問