• 文字サイズ


解決済

楽天の商品説明ページのフッター がズレてしまう

  • 相談者:非公開
  • 2018/05/11 16:01
【楽天市場】商品のヘッダーフッターレフトナビの編集画面にiframeというコマンドを使い入力をしています。しかしフッター のみ商品コンテンツに合わせてズレてしまいます。

[店舗設定]-[デザイン設定]-[ヘッダー・フッター・ レフトナビ]-[編集]からは次のように入力しています。

●ヘッダーコンテンツ
<iframe src="https://〜〜〜.html" width="1000px" height="670px" marginheight="0" scrolling="no" frameborder="0" align="center">お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。</iframe>
<br>
<br>

●レフトナビゲーション
<iframe src="https://〜〜〜.html" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="200px" height="1350" name="footer">お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。</iframe>

●フッターコンテンツ
<iframe src="https://〜〜〜.html" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="1000px" height="1000px" name="footer">お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。</iframe>

また、商品説明表を「PC用商品説明文 」に入力しています。幅は<table width="480">としています。

フッター のズレを解消するにはどのような方法を取ったらよろしいでしょうか?

-----------------------------------------------------------
【追記】
下記の表を「PC用商品説明文 」から省いた所、フッターの位置が正常になりましたが、下記HTMLの何が原因でしょうか?
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><span class="sale_desc"><table border="0" align="center">
<tr>
<td width="400" height="40" style="font-family : メイリオ; "><font align="center"> ●バターケース 200g</font></td>
</tr>
<br>
<table width="480" bgcolor="#ffffcc" cellspacing="1" cellpadding="3" align="center">
<tr>
<th align="center" bgcolor="#ffffcc" width="110"><font size="2" color="#00020C" style="font-family : メイリオ;">サイズ</font></th>
<td bgcolor="#FFFFFF"><font size="2" color="#00020C" style="font-family : メイリオ;">
約 15.0 × 10.0 × 6.5cm
</font></td>
</tr>
<tr>
<th align="center" bgcolor="#ffffcc" width="110"><font size="2" color="#00020C" style="font-family : メイリオ;">容量</font></th>
<td bgcolor="#FFFFFF"><font size="2" color="#00020C" style="font-family : メイリオ;">
約0.42L
</font></td>
</tr>
<tr>
<th align="center" bgcolor="#ffffcc" width="110"><font size="2" color="#00020C" style="font-family : メイリオ;">材質</font></th>
<td bgcolor="#FFFFFF"><font size="2" color="#00020C" style="font-family : メイリオ;">
「本体」ほうろう用鋼板、「蓋」ポリプロピレン・シリコーン
</font></td>
</tr>
<tr>
<th align="center" bgcolor="#ffffcc" width="110"><font size="2" color="#00020C" style="font-family : メイリオ;">商品説明</font></th>
<td bgcolor="#FFFFFF"><font size="2" color="#00020C" style="font-family : メイリオ;">
密封できるホーロー製のバターケースです。<br>
ホーローは素地が鉄、表面がガラス質でできています。汚れがつきにくく、油が付着しても清潔に使えます。<br>
液体を入れて多少傾けても汁漏れしない高い密封性で、バターを乾燥やにおいからしっかり守ります。</font></td>
</tr>
<tr>
<th align="center" bgcolor="#ffffcc" width="110"><font size="2" color="#00020C" style="font-family : メイリオ;">特長</font></th>
<td bgcolor="#FFFFFF"><font size="2" color="#00020C" style="font-family : メイリオ;">
・表面が硬く、ガラス質なので、雑菌が繁殖しにくく、衛生的です。<br>
・酸や塩に極めて強く、容器にニオイがつきません。<br>
・食品と化学反応を起こしにくいので味を損なうことがありません。<br>
</font></td>
</tr>
<tr>
<th align="center" bgcolor="#ffffcc" width="112"><font size="2" color="#00020C" style="font-family : メイリオ;">ホーローについて</font></th>
<td bgcolor="#FFFFFF"><font size="2" color="#00020C" style="font-family : メイリオ;">
・ホーローの性質上、焼成時に黒点や色むらの様に見える部位が生じる場合がございます。<br>
・本体フチ部分は鋼板の切り口となり、釉薬がかかりにくく下地の黒いスジが多少見られますが黒い部分もホーロー加工が施されております。<br>
</font></td>
</tr>
<tr>
<th align="center" bgcolor="#ffffcc" width="110"><font size="2" color="#00020C" style="font-family : メイリオ;">備考</font></th>
<td bgcolor="#FFFFFF"><font size="2" color="#00020C" style="font-family : メイリオ;">
・食洗機、電子レンジ使用不可、オーブン使用可能<br>
・耐冷温度:-20℃<br>
・日本琺瑯工業会認定Sマーク取得
</font></td>
</tr>
</table>
<br>
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/05/11 22:24
ECマスターズの田中です。

> 下記の表を「PC用商品説明文 」から省いた所、フッターの位置が正常になりましたが、下記HTMLの何が原因でしょうか?
………(省略)………
  • 返信者:非公開(質問者)
  • 2018/05/15 10:21
田中様、
有難うございます。
おかげさまで解決いたしました。
有難うございました。………(省略)………
このフォーラムへの質問は終了しました