一部商品ページのみレイアウトが崩れる件

Question

お世話になります。
一部の商品ページのPCレイアウトが崩れてしまい困っています。

【崩れているページ（例）】
https://item.rakuten.co.jp/tiarise/grad_carakey/
【正常なページ（例）】
https://item.rakuten.co.jp/tiarise/jw-cb/

タグの抜け落ちなどが原因かと思い、コードを見比べたり、検証ツールで見てみたり、AIで探してもらったりしてみましたが、原因が見つかりませんでした。

商品の雛形は全て同じものを使っています。
HTMLで変な部分があるのかな？と思い、試しに壊れているページのPC用販売説明文欄に、他の正常なページのHTMLをそのままペーストしてみましたが、その場合でもページがずれてしまいました。
Chrome、Safari。FireBoxなどでも見てみましたが全てずれていました…。

何かご教授いただけますと幸いです、よろしくお願いします。###HR######IMG011e71b19021e997d2532d376f515bd34.pngIMG0###

Answer

ECマスターズの中村です。

ソースの差分を確認したり、
検証ツールを使用して確認しましたが、
下記の回答になりました。

怪しい部分は「table」タグなので、
この部分を削除するか、正しい記載に
正していただくかで、現象が改善しない
場合は、ビーノで作り直してくださいと
回答させて頂きました。

実際の環境で検証ができないので、
確実にこれで直りますというところまで
確証のある回答にはできておりません。
申し訳ありません。宜しくお願い致します。

===============================
こちらの環境でも確認をさせていただきましたが、
ご認識されている通り、ビーノのタグなどの記載で
デザインの基本情報は、崩れているページと
正常なページに、差異が無い様に見受けられました。

ただ、正常なページは画像の横サイズが
910pxで統一されているのですが、
崩れているページでは一部の画像の
横サイズが1183.5pxとなってしまって
おりました。

今回、共有頂きました正常なページと
崩れてしまうページの差異として、
下記のHTMLタグがございますが、
この部分を削除して、正常な表示になるか、
お試し頂けますでしょうか。
-------------------------------------------------


-------------------------------------------------

また、気になる点としては、
通常HTMLで「table」タグを使用する際は、
「tr」要素と「td」要素でデータを囲みますが、
上記部分では「tr」要素と「td」要素が
使用されておりません。

■[HTMLタグ辞典] 基本的な表を作る
https://navi-manual.faq.rakuten.net/service/000039915

※こちらの部分も、ビーノのテンプレートで
作成されたのでしょうか？



と記載するのが、通常の記載ではございます。
もしくは、






と記載して頂いて、画像の横幅が小さくなるか
お試し下しさい。

もし、上記部分を削除しても状況が変わらない、
tableタグを正常な記載に修正しても状況が
変わらない場合は、ビーノ上で、テンプレートを
再度作成することをお試しください。

宜しくお願い致します。

Answer

ECマスターズ 中村様

お世話になります。
迅速なご回答、誠にありがとうございます！
以下の対応で直りましたので、
念のため共有させてください！

部分の削除を試してみたのですが、
やはり崩れてしまう（左にずれる）ようでした。
また、同じ大きさのバナー（LINE誘導などの部分）も消してみたのですが、
同様の結果となりました。

biinoのしっかりモードで作成していたので、
それをHTMLモードに変更→HTMLをコピペ、RMSで貼付け

これで直りました！
大変助かりました、ありがとうございました。