• 締切
  • 困ってます

背景画像の表示について

  • 質問No.3610807
  • 閲覧数182
  • ありがとう数2
  • 回答数2

お礼率 85% (46/54)

こんにちは。
初心者ですが、Yahooのジオシティーズでホームページを作っています。

今、頭を悩ませている要因が、背景画像についてです。
自作した画像があるのですが、それをアップデートしたURLでは、画面に収まりきるサイズだったのです。
でも、いざトップページに配置したら、なぜか勝手に拡大表示されている上に、スクロールバーが出ていません。
おかげで上下左右が見切れ、画像も荒くなってしまいました。
さらに、画像の繰り返しをしない設定(background-repeat:no-repeat;)をしたにもかかわらず、反映されていませんでした。

HTMLタグでもスタイルシートでも試してみましたが、同じような結果です。

イメージで配置したところ、サイズは同じように拡大されてしまいましたが、スクロールバーは出ました。

私の理想とする設定は、
【作ったままのサイズで
 右端中央にひとつだけ表示し
 画面サイズを超えてしまったパソコン(小さいノートパソコンなど)ではスクロールバーが表示される】

といったところでしょうか。

初心者なりに勉強して、HTMLやスタイルシートについては多少なりとも理解できるつもりです。
どうか、ご教授願います。

回答 (全2件)

  • 回答No.2
#1です。
書き方の順番は特に影響は出ないと思われます。
正しく書かれているようですしきちんと表示されないとおかしいですよね。
あげられたCSS以外にも他にCSSを書かれていませんか?

画像サイズは小さいのできちんと普通であればきちんと表示されるはずなのですが。
お礼コメント
notenoteno

お礼率 85% (46/54)

返事遅れてしまってすみません。

style.cssとして、cssファイルはひとつだけです・・・。
あれから試行錯誤していましたが、やはり変わらずです。

もしかしたら仕様なのかもしれないし、私の作る順番的に
どこかでおかしな設定が出来てしまっているのかもしれません。

新たに別の場所で登録しなおして、スタイルシートから作ってみますね。

お付き合いいただいて、ありがとうございます。
投稿日時:2007/12/21 10:32
  • 回答No.1
うーん、何故なんでしょうね。CSSの記述は
<style type="text/css">
<!--
body{
background-attachment:fixed;
background-color:画面の背景色;
background-image:url(画像ファイル名);
background-position:center right;
background-repeat:no-repeat;
}
-->
</style>
で右上固定にできるはずなのですが…。
念のためにCSSをどのように記述されているのか、画像の大きさ(横pxと縦px)をお教え願えませんか?
お礼コメント
notenoteno

お礼率 85% (46/54)

コメントありがとうございます。

記述は
<style type="text/css">
<!--
body{
background-color:#000000;/* 背景の色:黒 */
background-image:url(画像ファイル.jpeg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center right;
}
-->
</style>
</head>
としています。
順番とか関係あるのでしょうか・・・。

画像サイズは、113×124pxでした。
投稿日時:2007/12/19 14:49
関連するQ&A

その他の関連するQ&Aをキーワードで探す

ページ先頭へ