iframeで作成したヘッダーカテゴリがGooglechromeだけうまく表示されない

Question

いつもお世話になっております。

ただ今、商品カテゴリをiframeにて
ヘッダーに設置しているのですが、
IEやfirefoxではすべてのカテゴリーが
表示されているのに対し、
Googlechromeで確認すると
カテゴリーがはみ出してしまい、
一部表示されません。

ちなみに、楽天、Yahoo!、ポンパレで同じ症状が出ております。

改善策はありますでしょうか？
よろしくお願いいたします。

Answer

ECマスターズの田中です。

レフトナビの、「インフォメーション」以下の部分に
関するお話ということでよろしいでしょうか。

IEやfirefoxでは「ＭＳ Ｐゴシック」というフォント（書体）で、
Chromeでは「メイリオ」というフォントで
それぞれ文字が表示されているのですが、

「ＭＳ Ｐゴシック」での表示時に横幅を合わせたところ、
「メイリオ」で表示した時に文字の横幅が広くなり、
結果として単語の横幅がはみ出してしまう、という結果になっております。

Windowsだけを対象にするのであれば、
body { font-family: "ＭＳ Ｐゴシック"; }
上記スタイルシートを適用していただくことで
現在の横幅に収めることはできますが、
Macでも同様に横幅からはみ出ておりますので、

可能であれば、文字を若干小さくするなどして、
Chromeでも問題なく表示されるよう修正していただくことを
オススメいたします。

Answer

解決しました！
ありがとうございました。