その4.5〜教えにならう〜

なぜ、右サイドがとびだしたか。。
右サイド中に＜/div＞が一個、残ってました。
ず〜と眺めてて、気がつきました（汗）

これを取った後、
「教え」にならって、やったこと。
●[HTML]
centerの中に、rightとleftの両サイドをいれる
（が〜と、centerの＜/div＞を、contentのおしりから
　rightのおしりへ）
　びおびお、center=contentだと思い込んでました。
　postがFC2ではsubと呼ばれているので、名称が違う
　ということなのかと。。。はずかし！
●[CSS]
contentをつくって、centerにいれてたものを、移動。

　　#center {
　　position:relative;
　　background-color: #FF88FF;
　　}

　　.content{
　　margin-left:215px;
　　margin-top: 5px;
　　width: 390px;
　　height: auto; /* temp */
　　font-size:80%;
　　padding-bottom:30px;
　　border:1px solid #666;
　　}

●[CSS]
leftとrightのpositionを書き直す。

　　#left {
　　position:absolute;
　　top:110px;
　　left:5px;　　　←ーーーcenterの左枠から5px

　　　　　　　　　　　　　　 relativeとabsoluteの関係
　　　　　　　　　　　　　　 う〜ん。なんとなくわかる。
　　　　　　　　　　　　　　 ような。。。
　　#right { ちょっと、頭まとめます。
　　position: absolute;
　　top:110px;
　　right:5px;　　 ←ーーーcenterの右はしから5px

[？] ↑左右のサイドバーのtop:110pxがついてるけども
　　　これの起点はcontainer になってるような。
　　　relativeがついたcenterの枠が基準だとすると　
　　　このtop:110pxっていらないんじゃないかと
　　　はずすと、下に落ちるし。。
　　　なぜ、centerの上枠からじゃないんだろう。
　　　びおの考え方が、変ですか。。（笑）


centerと両サイドにpaddingを入れると、
幅がその分広がって、お互い重なってしまいます (涙）
なんでー？かなあ。
いまは、全部はずしてます。
うう〜。
どうやっても、重なるんだったら、幅を調節しつつ
整頓していきます。

なかなか、頭フル回転でございます。
（もっとまわれ！）