【重要なお知らせ】フォーラム内の画像が一部表示されない状態について
画像共有サービス「Gyazo」（提供：株式会社Helpfeel）における不正アクセスが2026年9月16日に公表されました。この影響により、過去の質問・回答に掲載していた画像の一部が表示されなくなっております。ECマスターズクラブのシステムおよび会員情報への影響はございません。
画像が表示されず内容が分かりにくい投稿がございましたら、お手数ですが当該スレッドへのご返信、または新規のご質問にてお知らせください。改めてご案内いたします。
なお、Gyazoをご利用中の店舗様は、Helpfeel社からの告知内容をあわせてご確認くださいますようお願いいたします。
- 文字サイズ変更
- 小
- 中
- 大
解決済
ifreamの表示について （PC）
- 相談者：非公開
- 2017/11/02 10:23
いつもお世話になります、naoyaです。
PCページでのifreamの表示方法で悩んでいます、何か良い方法はないでしょうか？
現在横スクロールと縦スクロールを商品ページ、TOPページで利用させてもらってるのですが、スクロールでは無く、全部一覧で表示させたいと思い
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/rpoint_box.html" width="600" height="800">
</iframe>
このようにPC販売説明文に設置しています、スマホページはwidth="100％"で設置しています。
この場合、バナーを追加したり減らしたりした時に中の高さが変わるため、高さが超えた場合はスクロールになり、減った場合はフレームの枠内の下部に空白が出来てしまいますので、都度高さを変更しています。
ただこの作業も面倒になってきたので、rpoint_box.htmlの高さに合わせてifreamの高さが変わるような設定はできないでしょうか？
スマホはwidth="100％"で設置していると、スクロールになってもあまり影響ないかな？と思っています。なるならそのようにしたいのですが・・・
どうぞよろしくお願いします。
PCページでのifreamの表示方法で悩んでいます、何か良い方法はないでしょうか？
現在横スクロールと縦スクロールを商品ページ、TOPページで利用させてもらってるのですが、スクロールでは無く、全部一覧で表示させたいと思い
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/rpoint_box.html" width="600" height="800">
</iframe>
このようにPC販売説明文に設置しています、スマホページはwidth="100％"で設置しています。
この場合、バナーを追加したり減らしたりした時に中の高さが変わるため、高さが超えた場合はスクロールになり、減った場合はフレームの枠内の下部に空白が出来てしまいますので、都度高さを変更しています。
ただこの作業も面倒になってきたので、rpoint_box.htmlの高さに合わせてifreamの高さが変わるような設定はできないでしょうか？
スマホはwidth="100％"で設置していると、スクロールになってもあまり影響ないかな？と思っています。なるならそのようにしたいのですが・・・
どうぞよろしくお願いします。
このフォーラムへの質問は終了しました
- カテゴリ：楽天市場
9
- 返信者：非公開
- 2017/11/02 11:09
ECマスターズの田辺です。
只今確認しておりますので、少々お待ちくださいませ。………（省略）………
只今確認しておりますので、少々お待ちくださいませ。………（省略）………
- 返信者：非公開
- 2017/11/02 12:37
ECマスターズの田辺です。
＞PCページでのiframeの表示方法で悩んでいます、何か良い方法はないでしょうか？
iframeにつきましては、
中………（省略）………
＞PCページでのiframeの表示方法で悩んでいます、何か良い方法はないでしょうか？
iframeにつきましては、
中………（省略）………
- 返信者：非公開（質問者）
- 2017/11/02 13:19
田辺様早々の回答ありがとうございますnaoyaです。
早速PCページで試してみたのですが、PC販売説明文では
"link"タグが許可されていないエラー………（省略）………
早速PCページで試してみたのですが、PC販売説明文では
"link"タグが許可されていないエラー………（省略）………
- 返信者：非公開
- 2017/11/02 14:34
ECマスターズの田辺です。
禁止タグをご案内してしまい大変失礼いたしました。
linkは、
ヘッダー・フッター・レフトナビや共通説明文（大）に
………（省略）………
禁止タグをご案内してしまい大変失礼いたしました。
linkは、
ヘッダー・フッター・レフトナビや共通説明文（大）に
………（省略）………
- 返信者：非公開（質問者）
- 2017/11/04 11:23
田辺様回答ありがとうございますnaoyaです。
PCはヘッダーに
<style>
iframe#event {
width: 600px;
hei………（省略）………
PCはヘッダーに
<style>
iframe#event {
width: 600px;
hei………（省略）………
- 返信者：非公開
- 2017/11/04 12:22
ECマスターズの塚本です。
＞何か原因なのでしょうか？
こちら担当の者に確認しまして、
改めてご連絡させていただきます。
お時間いただきます………（省略）………
＞何か原因なのでしょうか？
こちら担当の者に確認しまして、
改めてご連絡させていただきます。
お時間いただきます………（省略）………
- 返信者：非公開
- 2017/11/05 00:03
ECマスターズの田中です。
イベント告知君は、通常のHTMLファイルと異なり
バナーをJavaScriptで生成している関係から
高さを正しく取得でき………（省略）………
イベント告知君は、通常のHTMLファイルと異なり
バナーをJavaScriptで生成している関係から
高さを正しく取得でき………（省略）………
- 返信者：非公開（質問者）
- 2017/11/05 08:32
naoyaです。
返答ありがとうございます。
「イベント告知君は、通常のHTMLファイルと異なり
バナーをJavaScriptで生成している関係から ………（省略）………
返答ありがとうございます。
「イベント告知君は、通常のHTMLファイルと異なり
バナーをJavaScriptで生成している関係から ………（省略）………
- 返信者：非公開
- 2017/11/05 12:25
ECマスターズの田中です。
スマートフォン用のイベント告知君設置用タグは、
URLだけでなく高さや幅の指定方法も変わりますので、
HTMLタグ作成フォ………（省略）………
スマートフォン用のイベント告知君設置用タグは、
URLだけでなく高さや幅の指定方法も変わりますので、
HTMLタグ作成フォ………（省略）………
このフォーラムへの質問は終了しました
質問を検索する