リンクを貼っているバナーの一部しかクリック遷移しない

Question

お世話になっております。

週末のお買い物マラソン用のヘッダーフッターを準備しています。

前回のお買い物マラソンのヘッダーをコピーして、
クーポンとポイント変倍のバナーを最下部に表示
させようとしています。

左側のバナーの左20％くらいまでしかクリックできません。

URLを外してソースを添付しますので、アドバイスよろしくお願いいたします。






#fixedBannerBottom{
position: fixed;
bottom: 0px;
left: -280px;
display: block;
width: 100%;
height: 60px;
text-align: center;
background: transparent;
z-index: 9999;
}








#fixedBannerBottom2{
position: fixed;
bottom: 0px;
left: 220px;
display: block;
width: 100%;
height: 60px;
text-align: center;
background: transparent;
z-index: 9999;
}

Answer

ECマスターズの田中です。

各スタイルシートで、タグに対して
width:100%; を指定しているため、
リンクの付かない空白の部分ができてしまっているようです。

#fixedBannerBottom{
#fixedBannerBottom2{

に対してそれぞれ、

#fixedBannerBottom img{
#fixedBannerBottom2 img{

このように「 img」を追記した上で、
表示をご確認いただきますようお願いします。

なお、この場合、
スタイルシートに「width: 100%;」が指定されていると、
画面の横幅ではなく、
いただいたタグが含まれる要素（ヘッダー、共通説明文（大）など）の
横幅に合わせられることをお含みおきください。
横幅に違和感を感じられる場合は、改めてスタイルシートの修正をお願いします。

Answer

田中さん

imgを付けると最大幅まで画像が表示されて、うまく行きませんでした。

仕方ないので、width=100%を外して、絶対位置表示に変更しました。

ありがとうございました。