Blogger兩欄式想變成三欄式 - 部落格

By William
at 2007-04-26T22:02
at 2007-04-26T22:02
Table of Contents
我的blog本來是兩欄式
想要把它變成sidebar-內文-sidebar這種三欄的
我自己亂試了一下
結果sidebar的部份很乖的一邊在左一邊在右
可是內文部份不管我怎麼設
永遠在sidebar上方 不會在兩欄sidebar中間
不知道哪裡設錯了 可以請大家告訴我嗎 謝謝^^"
/* Page Structure
----------------------------------------------- */
#outer-wrapper {
background:url("http://www.blogblog.com/dots_dark/bg_3dots.gif") no-repeat
250px 50px;
width:1000px;
margin:0 auto;
text-align:left;
font:$bodyfont;
}
#header-wrapper {
display: none;
}
#main-wrapper {
width:450px;
float:center;
padding:100px 0 20px;
font-size:85%;
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 {
background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") -100px
-100px;
padding:20px 10px 15px;
}
#sidebar-wrapper {
width:250px;
float:left;
font-size:85%;
padding-bottom:20px;
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 {
background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") 150px
-50px;
padding:40px 10px 15px;
width:250px;
width/* */:/**/210px;
width: /**/210px;
}
#sidebar2-wrapper {
width:250px;
float:right;
font-size:85%;
padding-bottom:20px;
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 */
}
#sidebar2 {
background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") 150px
-50px;
padding:40px 10px 15px;
width:250px;
width/* */:/**/210px;
width: /**/210px;
}
--
http://cutekangmei.blogspot.com/
Just endure.
--
想要把它變成sidebar-內文-sidebar這種三欄的
我自己亂試了一下
結果sidebar的部份很乖的一邊在左一邊在右
可是內文部份不管我怎麼設
永遠在sidebar上方 不會在兩欄sidebar中間
不知道哪裡設錯了 可以請大家告訴我嗎 謝謝^^"
/* Page Structure
----------------------------------------------- */
#outer-wrapper {
background:url("http://www.blogblog.com/dots_dark/bg_3dots.gif") no-repeat
250px 50px;
width:1000px;
margin:0 auto;
text-align:left;
font:$bodyfont;
}
#header-wrapper {
display: none;
}
#main-wrapper {
width:450px;
float:center;
padding:100px 0 20px;
font-size:85%;
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 {
background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") -100px
-100px;
padding:20px 10px 15px;
}
#sidebar-wrapper {
width:250px;
float:left;
font-size:85%;
padding-bottom:20px;
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 {
background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") 150px
-50px;
padding:40px 10px 15px;
width:250px;
width/* */:/**/210px;
width: /**/210px;
}
#sidebar2-wrapper {
width:250px;
float:right;
font-size:85%;
padding-bottom:20px;
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 */
}
#sidebar2 {
background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") 150px
-50px;
padding:40px 10px 15px;
width:250px;
width/* */:/**/210px;
width: /**/210px;
}
--
http://cutekangmei.blogspot.com/
Just endure.
--
Tags:
部落格
All Comments

By Yuri
at 2007-04-27T10:18
at 2007-04-27T10:18
Related Posts
blogger的登入狀況

By James
at 2007-04-26T19:44
at 2007-04-26T19:44
blogger的comments出現在siderbar

By Charlotte
at 2007-04-26T18:39
at 2007-04-26T18:39
暫借問一下

By Oscar
at 2007-04-26T17:22
at 2007-04-26T17:22
這是病毒吧~!

By Kama
at 2007-04-26T11:30
at 2007-04-26T11:30
關於無名BLOG放置GOOGLE廣告

By Olive
at 2007-04-26T03:00
at 2007-04-26T03:00