ご参考になりましたら
人気blogランキングへ

人気blogランキングへ
携帯携帯版当ブログです。



< BlogPeople >

よろしければ、このサイトをあなたのBlogPeopleに登録


« MT3.2 で3カラムレイアウト | メイン | 左右重複項目の削除 »

3カラムにすると全体の幅が狭いので広げる

スタイルシートの中央部 /page layout/の下
body 下 #container  width: xxx px; この大きさがbody全体の幅
これが小さいと、右サイドバーが、隠れる。
それから、 #banner  width: xxx px; バナーの幅

サイドバーの設定は、・・・・・・

スタイルシートの最後部です。
.layout-three-column #alpha
{
margin: 0;
width: 180px; これがサイドバー幅

.layout-three-column #beta
{
margin: 15px 15px 0 15px;
width: 390px;  これが中央コンテンツ幅

これを追加して
.layout-three-column #gamma
{
margin: 0;
width: 180px;  これが右サイドバー幅
background: #e6ecf2;
}

.layout-three-column #gamma-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

最後に、左右サイドバー幅と中央幅+枠幅の合計が
スタイルシートの中央部 /page layout/の下
body 下 #container  width: xxx px; 値を超えると
右サイドバーが非表示になる(隠れる)ので、注意。


ご参考になりましたらこちらをクリックしてネ 人気blogランキングへ

ご参考にどうぞ

このエントリーへのリンク

カテゴリー(折りたたみ可)
<宮里 藍>
アクセスランキング