livedoor ナレッジ

ブログの両幅の変更の後は、記事の部分のスペースがそのままのなっているので、こちらも広げたいのですが・・・

可能でしょうか？現在はこんな感じです。



記事を書いたら、バックのデザインと重なって見にくく写っていると思います。文字や写真を真ん中に収まるようにし、なおかつバックの重なっているデザインを何とかするには

CSSのどこを扱ったらよいのでしょう？

またブラウザーによって記事は投稿しているのに表示されない場合があるのはなぜでしょう？

合わせて教えて頂けると幸いです。

　カスタマイズのCSS編集画面で、下記の部分をお探しください。スクロールして少し下にあります（例はサクラ３カラムです）

#blogcontainer{
width:775px;
text-align:center;
margin:0 auto;
}

#wrapper{
width:585px;
float:left;
text-align:center;
}

#content{
width:395px;
float:right;
text-align:center;
margin:0 auto;

}

#blog{
width:375px;
margin:0 auto;
text-align:left;
}

#lefttop,#righttop{}

#left{
width:190px;
float:left;
padding-top:28px;
}

#right{
width:190px;
float:right;
padding-top:28px;
}

　これらの（width:●●px）を増やすと幅が広がります。
#blogcontainer　←ブログ全体の幅
#wrapper　←メインコンテンツとナビゲーションをひとつにまとめるらしいです。本文に加算する数値と同じ値を加算すればよいみたいです。
#content　←ここもよくわかりませんが、テンプレートによっては、本文の幅と同じになっていることがあります。
#blog　←本文の幅です。
#left　←左のサイドバー
#right　←右のサイドバー

　計算するなら、#blogcontainer＝#blog＋#left＋#right＋20pxになるように変更します。
　余分な20pxは本文とサイドバーの間のゆとりだと思います。サイドバーが左右にあるので10pxの２倍になっています。２コラムでは10pxです。
　#contentは#blogと同じ幅でよいみたいです。サクラ３カラムでは＋20pxになっています。

#blogcontainer　775px→975px　＋200px
#wrapper　585px→775px　＋190px
#content　395px→575px　＋180px
#blog　375px→555px　＋180px
#left　190px→200px　＋10px
#right　190px→200px　＋10px
　上記では、本文を180px広げて、サイドバーをそれぞれ10px広げてあります。
#blogcontainerは、555＋200＋200＋20＝975になっています。
#wrapperは、本文＋片側のサイドバー＋20px＝775になっています。

　変更したら「この内容で保存する」を押して、「再構築」からCSSを再構築します。念のために全体を再構築してもよいです。

これは、「すべての記事」を選んで｢再構築」すると直りそうな気がしますが・・。