両サイドバナー設置について

Question

お世話になります。

以下のhtmlをヘッダーコンテンツへ記入したところ、
添付画像のように左右のバナーが中央へ集中してしまいます。
お買い物マラソンバナー（左）、楽天ランクイン商品バナー（右）へ配置したいのですが、
どう修正すれば良いか教えてください。

※添付画像：
　・当店失敗画像
　・参考店舗画像

よろしくお願いいたします。













#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 150px;
right: 0px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}











#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 150px;
left: 0px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}

###HR######IMG0cd1de805b11fa30e0b2afbe2292d1755.jpegIMG0### ###IMG1acda8ea170f3e4c62feb55a7e7f5a3dc.jpegIMG1### ###IMG2a60fe604634b2faa73e9aa9e1fc5ad4e.jpegIMG2###

Accepted Answer

ECマスターズの田中です。

HTMLソースを確認したところ、
右バナーも左バナーも、同じID「fixedBanner」が使われておりました。

そのため、全てのバナーに「左から0px」「右から0px」の指示が出され、
間を取って画面中央に配置されております。

＞どう修正すれば良いか教えてください。

 より下の fixedBanner ３箇所を fixedBannerRight に、
 より下の fixedBanner ３箇所を fixedBannerLeft に、
それぞれご変更いただくなどして、
使われているIDが重複しないように修正をお願いします。

Answer

どうもありがとうございます。

ｈｔｍｌをあまり理解していないので、とても助かりました。
また、早急な回答に感謝いたします。