いつもお世話になっております。
イベント告知君で表示がはみ出る部分があり、ご教示下さい。

通常ヤフーのスマホページは
同サイズのバナー画像を100%表示で、一枚ずつ縦並びに。
それをテーブルタグで囲っております。
（基本width=100%としています。）

（楽天に関してはゴールドページでもスマホ版を使用しており横幅100％に収まっています）


ヤフーに関しては現在「横スクロール型」をスマホページに貼り付けておりはみ出ています。

<iframe src="https://shopping.geocities.jp/○○○○/ypoint_box/ypoint_box_scroll.html?proption=on&prerelease=on" width="510" height="75" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0"></iframe>

を貼り付けています。

style="width:100%;height:calc( 9.5vw + 50px );"

こちらを楽天のスマホ版に倣い試しましたが、表示改善なく困っております。

ちなみに現在 <table border="0" width="100%">でフレームページを囲っており
特別割り込むようなCSSは使用していません。

以前は縦型を使用していましたが、
バナーを一枚ずつ下に並べていくページの特性上、イベントも縦に増やすとページが長すぎてしまい
横型に変更しました。


恐れ入りますが、収まりをよくするにはどのように記載すれば良いか、ご教示をお願い致します。