作者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