欄位問題

今天整個下午還是搞不定，想要把兩欄變三欄，參考了以下幾個網址：

http://aquaaudio.blogspot.com/2006/09/blogger-blogspot.html

http://gaytw.blogspot.com/2007/03/blogger_17.html

http://sunr.blogspot.com/2006/09/blogger-beta_30.html

http://blog.aolsas.com/2007/06/blogger-blogger.html

不管怎麼調整，還是沒辦法讓三欄整整齊齊排好，每次都至少有一個sidebar會跑到mainbar下方，或sidebar/sidebar2/mainbar變成三列不是三欄，而且瀏覽器呈現的和後台網頁元素的頁面所編排的「看起來」似乎又不太一樣。

本來想直接換個模版算了，不過預設模版中又沒有三欄式的，必須另外找，這樣有很多東西會不見，又要重新設定，也沒方便到哪去，就作罷。總覺得要解決問題才帥氣啊！

我目前用的模板，好心人教教我吧～（自言自語中）

#outer-wrapper { max-width:890px; padding: 0 30px 50px; width:100%; width/* */:/**/auto; width: /**/auto; }html>body

#outer-wrapper { border:10px double #fff; }

#main-wrapper { width:64%; float:right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

#main { margin:0; padding-top:100px; }

#sidebar-wrapper { width:30%; float:left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

#sidebar { margin:0; padding-top:90px; }

......

......

/* Sidebar Content----------------------------------------------- */

.sidebar .widget, .main .widget { background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom; margin:0 0 15px; padding:0 0 15px; }
.main .Blog { background-image: none; }
.sidebar ul { list-style:none; margin-left: 0; }
.sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; }.sidebar p { color:#666; line-height:1.5em; }

......

......