MovableTypeでメインページと同じレイアウトにする

質問

MovableTypeで各カテゴリやエントリページが個別に表示された時、
記事が画面全体に広がってしまうのです。
メインページと同じレイアウトにするにはどうすればいいでしょうか？

ちなみにメインページ・アーカイブページは
http://drblog.jp/template/archives/article/73.html
をダウンロードして使っています。
どうぞご回答よろしくお願いします。

回答No.1

s_hukami

このテンプレートはメインページしか入っていないようですが、各カテゴリやエントリページなどは書き換えたりしていますか？
このテンプレートのHTML部分はTABLEによって全体を780px、左テーブルを180px、中央テーブルを420px、右テーブルを180pxと記述しています。
CSSではID名centerを420px、ID名rightを178pxとしていますが、左と右のサイドバーのID名が共にrightとなっています。
左のサイドバーのID名がleftなどright以外の名前になっていると、記事が画面全体に広がってしまうのではないかと思われます。
ですから、CSSの#rightとなっている部分をコピーアンドペーストして、一方を#leftなどと記述すると良いのではないかと思います。
その際、各テンプレートのサイドバーがきちんと左右に分かれているか確認して、分かれていない場合には、DLしたテンプレートと元のテンプレートを付き合わせながら、書き換えてください。
念のために元のテンプレートをコピーして保存してから書き換えることをおすすめします。

補足

ご丁寧な回答ありがとうございます。

各カテゴリやエントリページなどは書き換えたりしておらず、デフォルトのまま使っています。

＞CSSの#rightとなっている部分をコピーアンドペーストして、一方を#leftなどと記述すると良いのではないかと思います。

上記をスタイルシートで行ってみたのですが、状況が変わりません。他ページの編集も必要ですか？

特にこのテンプレートにこだわっていないので、アーカイブやカテゴリページが表示されるときもメインページと同じレイアウトで表示したいのです。

どうぞご回答よろしくお願いします。