◆ 若干廃墟 ◆

（おそらく）5月27日 〜 6月05日夕方までの期間、右サイドのメニュー（アーカイブ等）の表示がおかしくなっていた（メニュータイトルのバー画像が見えない・文字が大きすぎる）ものを、修正しました。

私の作っている2カラムの共有テンプレートは、float を使って左右に各カラムを配置しています。入れかえは非常に簡単です。

追記以下を参照してください。

• 記事位置・アーカイブ等位置の設定部分を、それぞれ left → right  に、right → left  に書き換えます。

変更前

/* first-column（本文記事）全体の位置・幅・余白
-------------------------------------------------------------*/

div#first-column { float: left;
                   margin: 0px;
                   padding-left: 40px;
                   width : 544px; }


/* second-column（アーカイブ等）全体の位置・幅・余白の設定
-------------------------------------------------------------*/

div#second-column { float: right;
                    margin: 0px;
                    padding-right: 40px;
                    width: 214px; }

変更後

/* first-column（本文記事）全体の位置・幅・余白
-------------------------------------------------------------*/

div#first-column { float: right;
                   margin: 0px;
                   padding-right: 40px;
                   width : 544px; }


/* second-column（アーカイブ等）全体の位置・幅・余白の設定
-------------------------------------------------------------*/

div#second-column { float: left;
                    margin: 0px;
                    padding-left: 40px;
                    width: 214px; }

• また、[ eme_lace-up_2w ] のように、背景画像の配置を % で指定している物は、以下の緑字部分の指定も変更してください。（画面左端からの位置を指定しています。）

変更前 （ 右側寄りに背景画像を配置 ）

/*--- サイト全体のレイアウト ---*/

div#wrapper { width: 800px;
              margin-left: auto;
              margin-right: auto;
              background-color: #fff;
              background-image: url("〜略〜");
              background-repeat: repeat-y;
              background-position: 72% 0%;
              text-align: left; }

変更後 （ 左側寄りに背景画像を配置 ）

/*--- サイト全体のレイアウト ---*/

div#wrapper { width: 800px;
              margin-left: auto;
              margin-right: auto;
              background-color: #fff;
              background-image: url("〜略〜");
              background-repeat: repeat-y;
              background-position: 28% 0%;
              text-align: left; }