幅固定 3カラムのブログテンプレートの

横幅を変えたい時の、サイズ指定の計算方法の覚え書きです。
　

#wrapper内の、「width:」の数値の求め方
　（#wrapper ＝ 左と真ん中のBOXを纏めるためのBOXです。
　　違う単語が使われている場合もあります　例えば、#center-left など）

　※左BOXを「#A」、真ん中のBOXを「#B」　（右のBOXを「#right」）　とします。

（#A・#Bの「width:」の数値）
　＋（#A・#Bの「padding-left:」と「margin-left:」の数値）
　＋（#A・#Bの「padding-right:」と「margin-right:」の数値）
　＋　どこかの余白スペース幅（指定方法によって異なる）

例）　全体の横幅は、1000pxとします

#wrapper {
　　　 width: 770px;
　　　float: left;
}

#A{
　　　float:right;
　　　width: 200px;
　　　padding-right:20px;
}

#B{
　　　float:right;
　　　width:540px;
}

#right{
　　　float:left;
　　　width: 200px;
　　　padding-left: 20px;
}

　200px　＋　20px　＋　540px　＋　10px　＝　770px

この例の場合の余白スペース幅（10px）は、右端の分になります。

左端スペース　　10px
　　左BOX　　　　200px
左中スペース　　20px
　　真ん中BOX　　540px
右中スペース　　20px
　　右BOX　　　　200px
右端スペース　　10px
全体の横幅　　　1000px


まず、#wrapperの存在に気付けないと、
どうしてもグチャグチャになっちゃうんですよね

padding　と　margin　は、使われていないこともあります。

余白スペース幅がどこの物かは、何回かプレビューなどで試せばどこか解ると思います。