楽天ショップがIEでレイアウト崩れしてしまう時

久々の投稿です。

現在、楽天ショップのリニューアル案件をやらせていただいています。
楽天RMSは、ちょっと癖があってやり辛いのが玉に傷です-_-;

今回は「商品ページの表示がIEだけ（かな？）幅が広がってしまう現象」のとりあえずの回避方法をメモ。

どうしても

タグが多用されている楽天RMS。
商品登録の時に「PC用説明文」などで

の幅を指定する方法もあるようですが、すでに商品登録されていて全部を修正するのは大変そう。。。

今回は「レフトナビ」と「フッター」部分に

タグをあえて挿入してみます。

●レフトナビの最初に
[html]
<table border="0" width="ショップ全体の幅">
<tr valign="top">
<td valign=top width="レフトナビの幅">
[/html]
●レフトナビの最後に
[html]
</td>
<td valign="top">
[/html]
●フッターの最初に
[html]
</td>
</tr>
</table>
<table>
<tr>
<td>
[/html]
●フッターの最後に
[html]
</td>
</tr>
</table>
[/html]
余計なタグが増えてしまうのは不本意ですが、これで楽天RMSで書き出している商品ページ全体の幅を指定することができそうです。

このような方法をとらなくてもFirefoxなどでは全然崩れないんですけどねぇ。
やっぱりIEユーザーは高齢の方も多いので今回はこの手を使わせてもらいたいと思います。

Back to top