楽天GOLD メインカラムの横幅の変え方

以下の記事で全体の横幅は変えることができた。

だがまだメインカラムの幅が小さいまま

foosan.hatenablog.com

 

f:id:foochansan:20200610092001j:plain

f:id:foochansan:20200610092004j:plain

 

解決策:

ヘッダーコンテンツ入力欄に記述した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の下に書き足した。

カテゴリページのサムネイルサイズ変更を行ったら、レフトナビの入力欄では効かなくなったので、サムネサイズ変更タグと同様、「カテゴリページ設定>カテゴリーページ編集」で、リストにある親カテゴリー全部の編集画面に移動して、「カテゴリ説明文下」の欄に一緒に貼りつけた