楽天 PC商品ページの表示崩れについて

Question

お世話になっております。
当店の商品ページやカテゴリページのヘッダー部分やレフト、フッター、pc用商品説明文の部分にiframeを使用しているのですが、ページを巡回したのち、前のページ戻るとレフト部分に別のiframeが表示されてしまいます。F5キーなどで更新すると元に戻るのですが、原因不明です。確認いただけませんでしょうか。

Answer

ECマスターズの田中です。

社内でも確認したところ、確かに仰るとおりの症状が発生いたしました。
ソースの書き方に、特に問題もないようです。

症状について、情報を調べてみたところ、
http://d.hatena.ne.jp/koshigoeb/20110117/1295273126
のように、Webkit（つまり、ChromeやSafariなどのブラウザ）にて
同様に、「戻る」を行うとiframeの中身が他のURLになるバグがあることがわかりました。
（「動的に」というのは今回のケースには当てはまらないはずなのですが、
　楽天にて仕込まれたJavaScriptによって、
　意識せずに動的な読み込みがされている可能性がございます）

具体的な解決策をご案内することが難しいのですが、たとえば

・との中に「iframeに対応したブラウザでご確認ください」などの代替テキストを入れる
・タグにて、既にCSSで設定されており不要な
　frameborder="0" vspace="0" hspace="0" などの属性を削除する
・逆に、CSSの方を無効化してみる

など、タグに変化を加えていただき、
症状がなくなるかどうか、試行錯誤を行っていただけますでしょうか。

Answer

ご連絡ありがとうございました。
iframeに属性を追加してみましたところ、不安が残る所ではございますが、おそらく？改善されたようです。

Answer

ダメでした。崩れます。cssの部分は外注していたので、どこを触ればいいのかさっぱりでお手上げです。

Answer

ECマスターズの田中です。

＞cssの部分は外注していたので、どこを触ればいいのかさっぱりでお手上げです。

の表示に関わるのは、
ヘッダーコンテンツの中にある

iframe{border:0px;margin:0px;padding:0px;}

上記1行ですので、
一時的に削除して、動作をお試しください。

また、内部でJavaScriptによる読込を行っている
イベント告知君を一時的に外して
動作をお試しいただくなど、
改めて試行錯誤を行っていただきますよう、お願いいたします。

Answer

iframeを外し、イベント告知君も外しました。PCのキャッシュなどを削除し再度試みましたが改善されません。

Answer

ECマスターズの田中です。

ページ内のタグに、
それぞれ異なるフレーム名を付けていただくと
いかがでしょうか。
（header, leftnavi など）

フレーム名の付け方、つまりname属性の設定方法は、下記URLをご参照ください。
http://www.tagindex.com/html_tag/frame/iframe_name.html

Answer

各箇所、name属性追加してみましたがまだ、表示が崩れます。

Answer

ECマスターズの田中です。

＞各箇所、name属性追加してみましたがまだ、表示が崩れます。
承知しました。

そうなりますと、さらに改善策を出すことが難しくなってまいります。
また、私にて確認したところ、
他の楽天ショップでも同様に、
で設定したヘッダーやレフトナビの表示が
「戻る」を行うことで乱れることを確認いたしました。

楽天のページ構造における問題、であることも考えられますので、
一度、コールセンターに、
改善方法がないかどうか、お問い合わせいただけますでしょうか。