側欄掉下去的問題 - 部落格

Table of Contents

請教各位高手
我也發生了siderbar掉下去的問題

今天po了一篇文後 側欄就掉下去了
這篇文章有改照片大小到800px
主欄和側欄我之前已設好了沒動到
側欄掉下去後 我就把照片改成原本blogger預設的大小
但側欄還是沒回來
後來把文章刪掉 側欄也還是沒回來

爬了文試了一些方法

我試了IE和Firefox都一樣
我猜我可能不小心有動到主欄和側欄的欄寬(不確定)

我試了很久 找不出問題在哪
可以請大家幫我看看嗎

謝謝

以下是我的blog: http://kateberrysblog.blogspot.com/

html:

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

.clear {
clear: both;
}


#content-wrapper {
margin: 0 %;
padding: 0 0 15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
#main-wrapper {
margin-$startSide: 0.9%;
width: 75%;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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-wrapper {
margin-$endSide: 0.9%;
width: 22%;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}

--

All Comments

Jack avatarJack2009-11-13
只要#sidebar浮上去的話,問題是出在父元素寬和另一元素漂浮
Emma avatarEmma2009-11-14
模版找到 #main-wrapper 大括弧裡的 width 改 99.1% 後,
Edward Lewis avatarEdward Lewis2009-11-17
再另外加寫一條 #Blog1 { float:left } 下去吧。
不過看不懂怎麼寫的話,請不要亂寫,先把模版存成檔案再說.
Liam avatarLiam2009-11-20
抱歉,上面忘了調 #Blog1 的寬了,請一併把寬改成 77.1% 。