- ベストアンサー
１枚の画像をページ全体に表示する方法
こんにちわ ホームページビルダー７を使用しています。（windowsXP) １枚の画像をページ全体に表示させて、その上に文字入力したいのですが、同じ画像が数枚表示されてしまいます。 改善方法をご存知の方いましたらご指導お願いいたします。 スクロールさせても文字入力だけ上下に動いても、画像は動かないようにする方法もお願いします。 どちらか片方の回答でもかまいませんのでお願いします。
- norton33
- お礼率79% (125/157)
- ホームページ作成ソフト
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#2です。前回回答の中で(説明していなくて申し訳ないです) background-repeat: no-repeat; で背景を繰り返さないで表示、 background-attachment: fixed; で、背景画像の位置を固定するよう指定しています。 >ＷｉｎＸＰ１７インチの画面ではうまく表示されるのですが >Ｍａｃブラウザで見ると画像が多数表示されたり、他のページの >小さな画像や文字が上のほうに偏って表示されたりします。 背景については上の通りスタイルシートで設定出来ます。後、ビルダーの「どこでも配置モード」を使ってサイトを作成されていますか？これでやると、自分で確認をかけたブラウザ以外ではレイアウトが大きく崩れる場合があるので、なるべく「標準モード」で作成するのがベターです。 後は、Mac側ではSafari、Firefox、Opera等のブラウザで確認した方がよろしいかと。IEはすでにサポートも終了したブラウザなので、余りMacユーザーは使っていませんので(勿論好みの問題でお使いの方もいますが^^;
その他の回答 (2)
- 345itati
- ベストアンサー率48% (795/1639)
スタイルシートを使って背景画像の配置を制御してみては。 <head></head>間に <style type="text/css"> <!-- body { background-image: url(back.gif); background-repeat: no-repeat; background-attachment: fixed; } --> </style> でback.gifを使用したい画像urlに変えればいいと思います。 ただ、ページ全体という感じになりますと、これは閲覧者側のモニタ解像度によって表示出来る画像サイズが左右されるので、余り大きな画像は扱わないのが無難です。
補足
345itatiさん ありがとうございます。 スタイルシートの使用方法を理解していないのでよくわからないので 勉強が必要ですね。 ＷｉｎＸＰ１７インチの画面ではうまく表示されるのですが Ｍａｃブラウザで見ると画像が多数表示されたり、他のページの 小さな画像や文字が上のほうに偏って表示されたりします。
- times3
- ベストアンサー率23% (858/3649)
画面の大きさに合わせた画像を用意してください。 画像が小さいから画面に数枚並べて表示されるのです。
補足
times3さん ありがとうございます。 １７インチの画面では問題なく表示されるのですが、１５インチでは 画像が多数表示されることがあります。ちなみにmacのブラウザだったのですが。
お礼
345itatiさん ありがとうございます。 ご指導の通り、スタイルシートで挿入いたしました。 以前から、いろいろな場所で自分のＨＰにアクセスしても問題は無かったのですが、先日Ｍａｃ（ＩＥ）を使用している人のＰＣからアクセスしたところ表示に不具合が生じておりました。 自分のＰＣ（WinXP)では、IE,OPERA,FireFoxを使用しても問題なく表示してくれます。 Ｍａｃの場合は、実際にアクセスしてみなければ確認できませんね。 そのうち、またＭａｃ（ＩＥ）使用者のＰＣからアクセスして確認しようと思っています。 でもＭａｃでＩＥ使用者は少ないと聞いて安心いたしました。 ありがとうございました。