FC2ブログで背景画像を任意の位置に貼れない

質問

FC2ブログでオリジナルのテンプレートを作成しています。

CSSにて、背景画像を設定しようとしていますが、
配置設定がどうしてもうまくいきません。

画像を右下に配置させられるよう、
以下のように設定しました。

template.cssココカラ-----------------------------------------------------
body {
background : transparent url("http://blog-imgs-画像のURL") bottom right no-repeat;
background-attachment:fixed;
}
template.cssココマデ-----------------------------------------------------

自分のパソコン上に作ったHTML・CSSでは、右下に配置してくれましたが、
FC2ブログのテンプレートに設定・反映したところ、
右上に配置されてしまいました。

InternetExproler9、GoogleChrome、FireFox3.6で動作を確認したところ、
正常に配置してくれたのはFireFoxだけでした。

この他に、background-positionで配置場所を個別に設定するなどしましたが、
どうしてもうまくいきませんでした。

ご助言をいただけますようお願いします。

回答No.1

ORUKA1951 · ベストアンサー

ローカルとリモートにあるときの<doctype>が異なっているため、一方は互換モードで、一方は標準モードで動作している可能性があります。
★DOCTYPEスイッチ - W3G Web用語集 ( http://w3g.jp/others/data/doctype_switching )
など

　本来、body,htmlはブロックでありながら、インライン要素のごとく振舞うときがあります。ルート要素に指定すると枠もサイズに含まれます。

　「右下に配置」の意味が、ウィンドウの右下なのか、ページの右下なのかわかりませんが、bodyの高さがどこにも指定されていないときはブラウザとモードによって位置が様々です。fixedを指定すると、ディスプレイの位置を参照します。

お礼

お返事が遅くなりまして申し訳ありません。

doctypeの違いですか・・・。
ローカル、リモートともにHTML、CSSの内容は変更せず検証をしています。
なので、FC2ブログの仕様の話になってくるかもですね。

それともブラウザがHTMLを読み込むときに、ローカルとリモートで差をつけているのかもしれません。

何にせよ、CSSとしての書き方に問題がなさそうであることがわかりました。
CSSでの画面構成については、まだまだ勉強不足ですし、問題解決のために新たな観点を得ることができました。

ありがとうございました。