楽天GOLD メインカラムの横幅の変え方
以下の記事で全体の横幅は変えることができた。
だがまだメインカラムの幅が小さいまま
解決策:
ヘッダーコンテンツ入力欄に記述したtableの数値を変えることと、
メインカラムのidにCSSを書くことで解決。
●ヘッダーコンテンツ
<!-- テーブル終わらせ記述 -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /テーブル終わらせ記述 -->
<iframe frameborder="0" src="https://www.rakuten.ne.jp/gold/*****/header.html" width="100%" height="123" scrolling="no"></iframe>
<!-- *テーブル回復記述 -->
<table width="100%" cellspacing="12" cellpadding="0" border="0" style="background:#EFF2F3;>/*メインコンテンツエリアに背景色を付けたかったのでCSSをプラス*/
<tr>
<td align="center"><table width="100%" width="1154px" cellspacing="0" cellpadding="0" border="0">/*ここでメインコンテンツエリアの幅(サイドメニュー+メインカラム)を変更*/
<tr>
<td><table width="100%" width="240px" cellspacing="0" cellpadding="0" border="0">/*ここでサイドメニューエリアの幅を変更*/
<tr>
<td colspan="4"><!-- /*テーブル回復記述-->
メインカラムには#risFilというIDが付いていたので、それで横幅を設定する。
<style type="text/css">
#risFil { width:894px; }
</style>
レフトナビゲーションの入力欄に、iframeの下に書き足した。
カテゴリページのサムネイルサイズ変更を行ったら、レフトナビの入力欄では効かなくなったので、サムネサイズ変更タグと同様、「カテゴリページ設定>カテゴリーページ編集」で、リストにある親カテゴリー全部の編集画面に移動して、「カテゴリ説明文下」の欄に一緒に貼りつけた。