ヤフーショッピング縦バナー表示について

Question

ヤフーショッピングに縦バナーを画面左側に表示したくフォーラムで検索していたところ、
下記のタグより表示できる記載があったので試してみましたが、
バナーが商品ページ表示部分左側に被ってしまい上手く表示できません。
また、バナーを画面固定で表示させていのですが、画面をスクロールするとスクロールに着いていってしまい画面から消えてしまいます。
何か手段はありますでしょうか？
宜しくお願いします。


↓　↓　フォーラムにあったやりかた　↓　↓
====== この下の行から ================
  
====== この上の行まで ================###HR######IMG0a735f21440f812ab9cf2c18bdd57d79b.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

heightの値に単位の「px」が無いため、
高さが無くなって表示されていないように見えております。

height:913;
を
height:913px;
に修正の上、再度設置をお試しください。

Answer

阿部さん

ECマスターズの小野です。

いただいたご質問についてですが、

技術系のご質問になりますので、
確認させていただき週明け担当の者より
回答させていただければと思います。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

https://forum.ec-masters.net/post_view.php?id=1096
上記質問をご覧いただいたということですね。

> バナーが商品ページ表示部分左側に被ってしまい上手く表示できません。

今回のタグは、設置した場所を起点として位置を取りますので、
基本的に、⚫️横位置⚫️にマイナスの値を設定して、
左方向に移動していただくことを想定しております。
⚫️横位置⚫️に、バナーの横幅程度のマイナス値をご設定の上、表示をご確認ください。

> また、バナーを画面固定で表示させていのですが、画面をスクロールするとスクロールに着いていってしまい画面から消えてしまいます。

タグに記載されている
position:absolute;
を
position:fixed;
にご変更いただくことで、画面に固定表示させることができます。

fixedの場合、基本的に位置の基準が画面全体になるため、
先程申し上げたマイナス値を設定すると画面から消えますのでご注意ください。
また、画面が狭くなった時にページ内容と被る現象を避けたい場合は、
トリプルを利用して外部CSSファイルをご設置いただく必要がございます。

Answer

なぜか、バナー表示されなくなりました。
「先程申し上げたマイナス値を設定すると画面から消えますのでご注意ください。」を踏まえ、

 
 

から、

 
 

にしましたが、同様バナーが表示されませんでした。

理解できず、誠に恐縮ですが宜しくお願い致します。

Answer

すみません。
私の確認ミスでした。
修正後、無事バナーを表示することができました。
いつも丁寧なご教授をありがとうございます。