CSS画像について

質問

教えて下さい。アメブロのカスタム雛形を加工してるのですが、
どうしても上手くいかない部分があります。
お分かりの方がいらっしゃいましたら教えて下さい。

.headerBnrArea {
border-bottom:1px #d5d5d5 solid;
padding-bottom:8px !important;
}

#logo {
margin:0 auto;
text-indent:-9999px;
width:980px;
height:112px;
background:url(A ttp://www.・・・・・・.jpg);
}

.skinFrame2 {
background:url(B ttp://www.・・・・・.jpg) repeat-x left top;
}

このＡに当たる画像はjpeg画像の980pix×112piXです。（既存で始めからありました）
これと同じ画像を作成して、サーバにアップしました。
プロパティーで情報を見た後、同じ大きさで作成して、サーバーにアップしました。
「Ａ」の部分を書き換えるとかなり縮小され、いっぱい出てきます。
何故でしょう？

ちなみにブラウザ上では、「Ａ」の画像も私がアップした画像も、右クリックで
「画像に名前をつけて保存」ではなく「背景に名前を つけて・・・」になってます。
教えて下さい。宜しくお願いいたします。

回答No.2

Doubt

＞今度は、1つだけになりましたが、表示されてるのは、220×25になってます。
考えられる原因として・・・
・今現在編集しているCSSの中にもう一つの「#logo」が存在していて「width:220px; height:25px」が指定されている
・カスタム雛形のCSSじゃない方(html？PHP？)の中、「Ａ」呼び出しの部分に「id="logo"」以外の別idやclassがついていて、それが「width:220px; height:25px」を指定されていれば、その設定にサイズが上書きされます。
後者なら、そのidやclassを削るだけで、解決できると思います。

＞アメブロのカスタム雛形を加工してるのですが、
差し支えなければ、カスタム雛形はどこのドレを使っているかを教えて頂ければ、もっと詳しい事を推測できるかとおもいます。

回答No.1

Doubt

＞「Ａ」の部分を書き換えるとかなり縮小され、いっぱい出てきます。
サーバーにアップした画像を直接ブラウザー表示した場合、980pix×112pixで表示されていますか？
元画像が小さかったり、width(横)とheight(縦)の値を間違えると小さくなり、指定幅まで繰り返し表示されます。

下記の様に#logo 「A」の後ろに『no-repeat』で繰り返し表示しない。『left top』で画像を左上位置から表示』の指定が出来ます。
background:url(A ttp://www.・・・・・・.jpg) no-repeat left top;
↑の no-repeat left top; を追加して確認して見て下さい。繰り返し表示はされない…ハズ。

＞「背景に名前を つけて・・・」になってます。
CSSから呼び出ししていますので、IEの仕様です。
HTML等で、直接呼び出した場合は、「画像に名前をつけて保存」になる…ハズ。

お礼

ご回答ありがとうございます。
ご指導通り行いました。ＵＰしてある画像は、確かに980×112でした。
今度は、1つだけになりましたが、表示されてるのは、220×25になってます。