作者kateberry (綠花寶石蘭)
看板Blog
標題[Blogger] 側欄掉下去的問題
時間Mon Nov 9 21:32:19 2009
請教各位高手
我也發生了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 */
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.52.209
※ 編輯: kateberry 來自: 140.112.52.209 (11/09 21:33)
1F：推 winiAH:只要#sidebar浮上去的話,問題是出在父元素寬和另一元素漂浮 11/10 08:14
2F：→ winiAH:模版找到 #main-wrapper 大括弧裡的 width 改 99.1% 後， 11/10 08:15
3F：→ winiAH:再另外加寫一條 #Blog1 { float:left } 下去吧。 11/10 08:16
4F：→ winiAH:不過看不懂怎麼寫的話，請不要亂寫，先把模版存成檔案再說. 11/10 08:16
5F：→ winiAH:抱歉，上面忘了調 #Blog1 的寬了，請一併把寬改成 77.1% 。 11/10 08:23