本文へジャンプします。

answer

Re: ・カスタムテーマの左右の枠の幅を広げたい

下記の内容ではどうでしょう。

#container {width: XXXpx;}/*記事欄+左右サイドバーの合計*/
#pagebody{width:XXXpx;}/*記事欄+左右サイドバーの合計*/
.layout-three-column #alpha{width: XXXpx;margin-left:XXpx;}
.layout-three-column #gamma {width: XXXpx;margin-right:XXpx;}
.layout-three-column #beta {width: XXXpx;}

#container と#pagebodyには記事欄+左右サイドバーの合計の数値を入れます。
（どちらも同じ数値）
#alphaと#gammaには左右サイドバーの数値を入れますが、その際に
右サイドバー（#alpha）には左端の余白（margin-left）、
左サイドバー（#gamma）には右端に余白（margin-right）
をそれぞれ10～20pxほど設定します。
この余白分も加えた左右サイドバーと記事欄の合計が#container と#pagebodyの数値と同じになるように
設定してください。

例えばサイドバーを150（うち余白20）、記事欄を400で設定する場合は
#container {width: 700px;}
#pagebody{width:700px;}
.layout-three-column #alpha{width: 130px;margin-left:20px;}
.layout-three-column #gamma {width: 130px;margin-right:20px;}
.layout-three-column #beta {width: 400px;}
となります。

no-name. | 2011/09/23 21:07(5022days ago) | permalink

show this thread