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

久々の投稿です。

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

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

どうしても

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

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

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

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

●レフトナビの最初に

<table border="0" width="ショップ全体の幅">
<tr valign="top">
<td valign=top width="レフトナビの幅">

●レフトナビの最後に

</td>
<td valign="top">

●フッターの最初に

</td>
</tr>
</table>
<table>
<tr>
<td>

●フッターの最後に

</td>
</tr>
</table>

余計なタグが増えてしまうのは不本意ですが、これで楽天RMSで書き出している商品ページ全体の幅を指定することができそうです。

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

Follow me!



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください


2024年3月
 123
45678910
11121314151617
18192021222324
25262728293031