• 文字サイズ


解決済

表示のずれについて

  • 相談者:非公開
  • 2018/06/11 10:33
お世話になっております。

以下のページですが、下のHTML部分がずれて表示されてしまいます。(オレンジの帯が白の背景より右にずれて表示される。)

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/


HTML部分はこちらです。
<div style="background-color:orange;color:white;width:730px;height:50px;text-align:center;font-size:2em;">
<p style="line-height:50px;">他にも容量違いの商品がございます</p></div>
<table border="0" cellpadding="0" style="table-layout: fixed;" width="730"><tr>
<td valign="top"align="center"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/01355757/01355759/hokagoku175.jpg" width="150"><br>お徳サイズ!よく飲む方に。</a></td>
<td valign="top"align="center"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/01355757/01355759/hokagoku100.jpg" width="150"><br>お試しサイズ♪一人暮らしの方に!</a></td>
<td valign="top" align="center"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/01355757/01355759/hokagoku20.jpg" width="150"><br>外出先でも便利!ペットボトルに入れっぱなしで持ち運びOK♪</a></td>

</tr></table>

何が原因でしょうか。宜しくお願い致します。
キーワード:HTMLCSS表示
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2018/06/11 11:54
ECマスターズの田辺です。

オレンジの帯が直接的な原因ではなく、
その周りを囲っている<div>に margin があることで
帯がずれて表示されてお………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/21 11:54
田辺様

ご連絡が遅くなり大変申し訳ありません。
ご回答ありがとうございました!解決しました。………(省略)………