ブラウザウィンドウを広げると記事テーブルが広がってしまいます

とあるテンプレートをベースに変更したら、記事本文部分のサイズ指定がされていなく、ウィンドウサイズにあわせて伸縮するようになってしまいました。

以前は記事部分がピクセル固定だったため、サイドバー・記事本文ともに固定サイズで中央に配置されていたので、そのような形に変更したいのです。

position:absolute;とサイドバーが左右からの指定のようなのでそちらもいじってみたのですが、どうも上手くいきません。

ご存じでしたら教えてくださると助かります。

↓この辺が怪しいとおもうのですが・・・


#container{
width:100%;
margin:0 auto;
text-align:center;
word-break:break-all;
}

#wrapper{}

#content{}

#blog{

z-index:1;
margin-top:-10px;
margin-left:230px;
margin-right:230px;
text-align:left;
}

#left{
position:absolute;
top:300px;
left:20px;
width:190px;
text-align:center;
}

#right{
position:absolute;
top:300px;
right:20px;
width:190px;
text-align:center;
}

完全にすべてを固定というのであれば、floatを使って3カラムを横に並べます。
まず本文（#blog)、左カラム(#left)、右カラム(#right）でHTMLテンプレートとしては、下記のような構造にします。

<div id="wapper">
 <div id="content">
   <div id="blog">
   <div id="left">
 <div id="right">

で、CSSではfloatを使って並べていきます。#contentと#rightをfloat:leftで左から順番に並べて、次に#content内の#blogと#leftをfloat:rightで右から順番に並べます。

#wrapper {
 width: 800px;
}
#content{
 float: left;
 width: 600px;
}
#blog {
 float: right;
 widht: 400px;
}
#left {
 float: right;
 width: 200px;
}
#right {
 float: left;
 width: 200px;
}

凄くおおざっぱですが基本的な枠組みはこうなります。あとはlivedoor側の共通ヘッダやブログのタイトル、フッターなどをどこに組み込み、どう見せるかで変わってくると思います。