- 締切済み
背景画像
つい先日もこちらで教えていただいたのですが、また分からないのでよろしくお願いします。ビルダー11を使っています。 <style type="text/css"> <!-- body { margin:0px; padding:0px; text-align:center; } #main { margin-left:auto; margin-right:auto; text-align:left; width:650px; } --> </style> </head> <BODY background="080aosirobudou_300.jpg" style="background-repeat:no-repeat"> htmlで全体を真ん中にして、画像はリピートしないようにしていますが 画像の下半分が切れてしまいます。画像を小さくするしかないでしょうか？（加工OKなものを使っています）それと出来れば画像を右端によせたいのですが、上記htmlに <STYLE TYPE="text/css"> <!-- BODY{background-image:url(画像url); background-position:right} --> </STYLE> とすると、画像やスタイルがつぶれます。どうすればよいのでしょうか？ただいま勉強中のため、できましたら素人にも分かりやすく答えていただければありがたいです。よろしくお願いします。
- kwiim2
- お礼率54% (112/206)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- miyabix
- ベストアンサー率45% (18/40)
■背景を右上に固定 <STYLE type="text/css"> <!-- BODY { margin: 0px; color: #000; background-color: #fff; background-image : url("素材のURL"); background-repeat: no-repeat; background-position: 100% 0%; background-attachment: fixed; } --> </STYLE> 以下background-position値のみが違います。 ■背景を左上に固定 background-position: 0% 0%; ■背景を右下に固定 background-position: 100% 100%; ■背景を左下に固定 background-position: 0% 100%; ■背景を真ん中に固定 background-position: 50% 50%; %で指定すると画面の幅・高さに合わせて位置表示してくれます。
- setuka
- ベストアンサー率46% (72/154)
background-position:right} のrightの部分を right center（右 中央）にしてみてください。 right top なら右上 right bottom なら右下よりに表示されると思います。
お礼
ありがとうございました。右になりました。
お礼
ありがとうございます。 教えて頂いたhtmlを下記の下に追加すればいいんですよね。 下記は元々私がHPに記入したものなんですが。 何度もすみませんがよろしくお願いします。 <style type="text/css"> <!-- body { margin:0px; padding:0px; text-align:center; } #main { margin-left:auto; margin-right:auto; text-align:left; width:650px; } --> </style> </head> <BODY background="080aosirobudou_300.jpg" style="background-repeat:no-repeat">