- 締切済み
背景画像がきれます
以前お聞きしたのですが、再度問題が出たのでよろしくお願いします。 <style type="text/css"> <!-- body { margin:0px; padding:0px; text-align:center; } #main { margin-left:auto; margin-right:auto; text-align:left; width:650px; } --> <!-- BODY{background-image : url(画像url); background-position:right top;} --> </style> </head> <BODY background="画像url" style="background-repeat:no-repeat"> でhtml書くと希望通り右上に画像が出たのですが、ずいぶん画像を小さくしなければなりません。もう少し大きくすると画像が切れてしまいます。今の状態で（小さい画像）では、実際サイトを見ると小さく画像の部分だけ区切ったような感じに見えます。どうすれば画像が区切ったような感じにならないのでしょうか？上記htmlが間違っているのでしょうか？それともう少し大きくして画像が切れない方法はないのでしょうか？よろしくお願いします。
- kwiim2
- お礼率54% (112/206)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
状況が「手に取るように」はわからないのですが、推察してお答えします。 背景画像はページの表示サイズに合わせた表示されます。 たとえば… ■ページのサイズをwidthで650pxに指定していて、画像の横幅が600pxですとたりない50pxは同じ画像の左端50pxが足されます。（つまり繰り返されるということです） ■逆に、ページサイズが650pxで、背景画像の横幅が700pxの場合、余分な50pxが切れるということです。おそらくこのことをおっしゃているのでしょう。 ではどうしたらよいかですが、簡単なのは画像をページのサイズに調整することです。下記のソフトはとても簡単にサイズ調整ができます。 【Jtrim】 http://www.woodybells.com/softs/jt152.exe 【方法】 インストールして画像を取り込んだら、上から2段目左から二つ目のアイコン（四角に矢印のついたアイコン）をクリックし、横の数字を変えるだけです。横をかえると縦もその比率で自動で変わります。 そして保存しておけば完成です。
お礼
下手な説明なのにとてもよく理解していただきありがとうございました。推察されたとおりです。ありがとうございました。とてもたすかりました。ありがとうございます。