スマホ用のフローティングバナーについて

Question

お世話になります。

スマホ用のフローティングバナーの設置についてですが、商品ページはうまく設置できたのですがカテゴリページ、トップページに設置した場合、画像がめり込んでしまいうまく表示できません。
一度確認して頂いてもよろしいでしょうか？

下記がカテゴリページになります。
http://item.rakuten.co.jp/volkstore/c/0000000501/

またcssファイルとタグも下記に添付しましたのでご確認の方よろしくお願いします。

------------------------------------------------------------------------------




--------------------------------------------------------------------------------

------------------------------
.spFixedBanner {
display: block;
position: fixed;
right: 0;
bottom: 1px;
z-index: 999;
width: 100% ;
height: 40px;
}
--------------------------

Answer

ECマスターズの田中です。

それでは、下記の通り修正をお願いいたします。

------------------------------
.spFixedBanner {
display: block;
position: fixed;
right: 0;
bottom: 1px; 
z-index: 999;
width: 100% ;
}
/* heightで高さを指定しないことで、画面横幅に合わせて自動調整されます。 */
.spFixedBanner img{
width: 100%; /* ←画像を画面幅いっぱいに拡げます。 */
}
--------------------------
注：/* と */ で囲まれた部分はコメントと呼ばれるもので、スタイルシートに反映されません。削除していただいても結構です。

Answer

お世話になります。
無事設置できました。
ありがとうございます。