03
03
テンプレート3 - メインカラムを幅可変にする
2008-03-03/* 全体の幅 -------------------------------------------------*/
#container{
width : 100%;
}
/* メインと左側のプラグインを合わせた幅 -----------------------------------*/
#box2 {
width : auto;
}
/* 左右プラグインの幅 -------------------------------------------------*/
#left {
width : 195px;
margin-right : -195px;
}
#right{
width : 220px;
margin: 0 -20px 0 -220px;
}
/* メインの幅 -----------------------------------------------*/
#main {
width : auto;
margin: 0 220px 0 195px;
}
変更するところのみ表示しています。紫とオレンジは数字が同じであれば自由に変更可能です。仕組みについては下の図を見れば分かりやすいかと思います。
