• 文字サイズ


解決済

出荷日バナーが解像度が小さくなったときに隠れない

  • 相談者:非公開
  • 2016/09/09 10:13
お世話になっております。

以前にECステーション様から、
出荷日バナーを固定バナーで作るとよい、
とメルマガで届いたので、
PC画面の右側におきました。

ただし、商品ページなどの情報と重なりたくなかったので
解像度が1280より小さくなると
非表示にするよう、
他の右側においているバナーと
同じにしたいと思っていますが
うまくできません。

左上に割り込むように
今はなっています。


どのようにすればよいでしょうか。


ヘッダーに貼り付けています。
ソースは以下です。


お手数おかけしますが、よろしくお願いいたします。


↓↓↓ 以下 ↓↓↓

<div id="toolbox_date">
<iframe width="80" height="250" src="http://www.rakuten.ne.jp/gold/ドメイン/ecstation/toolbox/deliveryBanner_2098633655260851249612490125406528833590652899556.html" frameborder="0" scrolling="no"></iframe>
</div>



<style type="text/css">
@media (min-width: 1280px) {
div#toolbox_date{
position: fixed;
top: 220px;/*画面上部からの距離をピクセル数で指定*/
width: 80px;/*出荷日バナーのソースのwidthと同じ*/
height: 250px;/*出荷日バナーのソースのheightと同じ*/
right:0px;
display:block;
}}
</style>
キーワード:固定バナーiframe
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2016/09/09 21:48
ECマスターズの田中です。

いただいたソースの場合、
横幅1280pxよりせまくなると、
単純にスタイルシートが外れ、
HTMLを書いた時の本来の位………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/12 09:23
できました!

ありがとうございました。
………(省略)………