• 締切済み

seesaaブログで背景画像の位置を指定したい

seesaaブログで背景画像の位置を下中央に表示させたいのですが、background-position:bottom center;と指定しても、上中央に固定されていてウンともスンとも動きません。 試しにleftに指定してみたり、タグの順番をかえてみたりしましたがダメでした。 ちなみに、忍者ブログや簡単なHTMLのページでは思い通りに表示できています。 ご存知の方、是非ご教授ください。よろしくお願い致します。 body { margin:0px; padding:0px; background-image:url("画像URL") ; background-color : #210709; background-repeat:no-repeat; background-attachment:fixed; background-position:bottom center; line-height:180%; text-align:center; }

  • CSS
  • 回答数2
  • ありがとう数1

みんなの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

background-repeat:no-repeat; リピートするのが正しい表示? 削除するとどう? background-position: 50% 100%; って事なんだけど。 CSSに重複した同じ指定があるかも? 同じCSSファイル内や別のCSSファイル、またはbodyに直接書いてあるとか。 Float関係でclearになっていないとか。 (画像を無しにした場合、背景色は全面表示される?)

KKS414
質問者

補足

回答ありがとうございます。 >background-repeat:no-repeat; リピートしない指定です。 >background-position: 50% 100%; %での指定でも変化なしでした・・・ >CSS重複・・・ 私の見た限り重複した個所はありませんでした。 BODYも直接書いてあるという事はありませんでした。 >背景色・・・ 前面表示されます・・・

回答No.1

background-position:center bottom; centerとbottomを逆にしたらできませんか?

KKS414
質問者

補足

回答ありがとうございます。 逆にしても変化無しでした・・・;

関連するQ&A

  • ブログのタイトル背景部分に画像を入れたいのですが…

    gooブログのカスタムメタルを使用しています。 タイトル部分に画像を入れていたのですが突然見れなくなってしまいました(以前は正常に表示されていました) /* /ページ全体共通指定*/ /* ブログのタイトル部全体の背景(デフォルトは画像使用) */ .header { height: 180px; background-image: url(画像のURL); background-attachment:fixed; background-repeat:no-repeat; background-position:left; } 頻繁にいじっていたのでどこか間違えているかもしれません。 が、何度見てもどこが間違ってるか自分ではサッパリわからなくなってしまいました; よろしくお願いします。

  • Firefoxで背景画像が表示されず困っています

    サイトを作り確認してみたところ、 IEでは背景画像がきちんと表示されるのですが Firefoxでは表示されないようです。 下記のように入力しているのですが、何が原因なのかわかりません…。 詳しい方、教えていただけないでしょうか。 <!-- BODY {      background-image: url(http://aaaaa.jpg); background-color: #ffffff; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } -->

    • ベストアンサー
    • HTML
  • 時間帯によって背景画像を変える

    タイトル通りなのですが、なかなかうまくいきません・・・。 <BODY style="background-image:url(test.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;"> スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。 自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。 <SCRIPT LANGUAGE="JavaScript"> <!--- function geth(t){ if (t<=5) document.write("<BODY style='background-image:url(test1.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=11) document.write("<BODY style='background-image:url(test2.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=17) document.write("<BODY style='background-image:url(test3.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=23) document.write("<BODY style='background-image:url(test4.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); }}} } //---> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!--- h = new Date(); geth(h.getHours()); //---> </SCRIPT> <BODY BACKGROUND='test.gif'>という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・?どのようにすればうまくいくでしょうか?JavaScriptに関してはほとんど無知ですがよろしくおねがいします。 ※意味不明なことを言っていたらすみません。

  • 背景画像の指定方法

    少し調べたのですが、さっぱり原因が分からない為質問させていただきます。 外部CSSで背景画像を指定しているのですが、WinXP IE7で作製した所うまくいったのですが、別のマシン(WinXP IE6)で見ると表示の仕方が変わってきます。 参考ソース▼ 【外部CSS】----- .bg { width:300px; background-image:url(bg.png); background-repeat:no-repeat; background-attachment:fixed; background-position: bottom;} 【HTML】----- <div class="bg">長い本文</div> IE7だと、開いているウィンドウサイズに合わせて、見ている画面範囲の下部に背景画像が来るのですが、IE6の方だと、長い本文をスクロールしていった最後に、背景画像が表示される状態です。 分かりにくい説明かもしれませんが、アドバイスよろしくお願い致します。

  • 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で配置場所を個別に設定するなどしましたが、 どうしてもうまくいきませんでした。 ご助言をいただけますようお願いします。

    • ベストアンサー
    • CSS
  • IE以外のブラウザで背景を固定させる方法

    スタイルシートで、ブログのタイトル部分の背景を固定しています。 IE6.0では画像が表示されるのですが、NetscapeやFirefoxでは表示されず、指定してある背景色だけになってしまします。 #title {background: #000 url("画像のURL") no-repeat; background-position:top;background-attachment : fixed;} このように記述していますが、IE以外のブラウザで表示させるにはどのようにすればいいのでしょうか。

  • 背景画像をCSSで中央に指定し、さらにその背景画像の中に違う画像を

    背景画像をCSSで中央に指定し、さらにその背景画像の中に違う画像を 位置指定したいのですが、うまく反映されませんでした。 「 background-position: center center; 」「 background-position: center center; 」 がCSS側での背景画像位置指定と多くヒットしたのですが、反映はされませんでした。 「 margin-left: 80px; 」を指定したところ、画面中央に位置が反映されたのですが 画面サイズを1024×768から1280×1024に変更すると 中央から左寄りにずれてしまいます。 下記に実際のソースを記載致しますので、どなたか解る方がいらっしゃいましたら アドバイスの程宜しくお願いいたします。 - 画面サイズを変更すると位置がずれてしまうソース - @charset "utf-8"; #img { width: 700px; height: 125px; background: url(img.jpg); margin-left: 80px; background-repeat: no-repeat; } #img #img2 { float: right; margin-right: 0px; margin-left: 30px; margin-top: 59px; margin-bottom: 0px; } ---------------------------------- - HTML - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>img</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body"> <div id="img"> <div id="img2"><img src="img_1.gif" width="50" height="30" border="0" />&nbsp;<img src="img_2.gif" width="50" height="30" border="0" /></div> </div> </body> </html> ------------------------------------------- - 検索でヒットした位置指定のソース - @charset "utf-8"; #img { width: 700px; height: 125px; background: url(img_2.jpg); background-position: center center; background-repeat: no-repeat; } #img #img2 { float: right; margin-right: 0px; margin-left: 30px; margin-top: 59px; margin-bottom: 0px; } ------------------------------------------- - HTMLは上記と同じ -

    • ベストアンサー
    • HTML
  • 背景画像を任意の位置に置きたい

    こんにちは、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の位置へ、左、右からは中央へセンタリングできますでしょうか? よろしくお願いいたします 失礼致します。

    • ベストアンサー
    • CSS
  • HTMLでの背景画像設定について

    はじめまして。 HP作成初心者なのですが、いろいろとネットで調べながら作成しています。 フレームを使っていて、メニュー画面側のほうに画像をふたつ使いたいと考えています。 それぞれ左上と左下とで固定する画像なのですが、それがどうしてもふたつ同時に表示できません。 <style type="text/css"> <!-- BODY {background-image : url("bg2.jpg");background-position: 100 0%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> <style type="text/css"> <!--BODY {background-image : url("bg.jpg");background-position: 0 100%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> という感じに記述しているのですが、こうすると、下にあるbg.jpgのみが反映されてしまって、bg2.jpgは反映されません。 また、bg2.jpgの上には文字を重ねたいと考えているのですが、そのようにタグを編集してもうまく表示できません。 ご回答よろしくお願いいたします。

  • ブログで、背景画像を変えたいです

    FC2ブログを使用して 約1ヶ月位なんですが パソコンとネットの知識は中級と自己判断してます 更に、OSはビスタで ブラウザはFirefox3.5で ブログの背景に、現在はテンプレートを使用してます しかし、ここに自分の写真を入れられる事を知って 変更したいと考えました 下記HPで変更方法の解説を見ました 『背景の色を変更』 http://blog.fc2.com/custom_manual/#m004 そこには、こういう↓書き方で解説してましたが -------------------------------------------------------------------------------- body { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ ------------------------------------------------------------------------------- これが私のブログ↓ ------------------------------------------------------------------------------- body { background-color: #3F3F3F; color: #333333; font-family : Verdana, "MS Pゴシック", sans-serif; font-size: x-small; background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: center top; } ------------------------------------------------------------------------------------- 「background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg);」 内の“http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg” の部分に 写真のURLを入れれば良いと分かりました しかし、私は先日勘違いを、してたんですが このURLを取る方法 まず、入れたい画像をブログにアップ そして記事の入力欄に、入れたい画像を入れ そのURLをコピーすれば良いと考えてました でも、この記事の場所はHTMLタイプです しかし、画像の変更が出来る所はスタイルシート それを考えると、HTMLのタグを スタイルシートに反映させようとしても出来ない そう、以前に教えて頂いた事を思い出しました 但し、私の場合 ここで画像のURLを取る方法を知りません そこで聞きたいんですが この画像のURLを取る方法 具体的に教えて頂け無いでしょうか? ひょっとしたらアップの方法等 全く違うのかも知れませんが… 宜しく御願いします

専門家に質問してみよう