sidebar掉到最下面 - 部落格

By Yedda
at 2009-10-07T21:21
at 2009-10-07T21:21
Table of Contents
http://lux-test.blogspot.com/
這是我blog的版型 (現在這是正常狀況)
左邊主要資訊列和右邊的sidebar之間明明還有蠻大的差距
但是我只要再左右兩邊多加一點寬度,
不過左右增加的寬度都還小於兩列中間的寬度
可是sidebar整列就會被擠到最下面
以下是我這是我設定的數值...
有高手能幫我看看問題出在哪嗎?
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 850px;
margin:0 auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 500px;
margin: 25px; <--我想設定30px,但sidebar就被擠到下方去了
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-wrapper {
width: 250px;
margin: 25px; <--我想設定30px,但sidebar就被擠到下方去了
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 */
}
--
少女的愛情就像丸子串,
吃完一串又一串。
by 剛田 武
--
※ 編輯: lockes 來自: 140.113.75.229 (10/07 21:54)
這是我blog的版型 (現在這是正常狀況)
左邊主要資訊列和右邊的sidebar之間明明還有蠻大的差距
但是我只要再左右兩邊多加一點寬度,
不過左右增加的寬度都還小於兩列中間的寬度
可是sidebar整列就會被擠到最下面
以下是我這是我設定的數值...
有高手能幫我看看問題出在哪嗎?
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 850px;
margin:0 auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 500px;
margin: 25px; <--我想設定30px,但sidebar就被擠到下方去了
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-wrapper {
width: 250px;
margin: 25px; <--我想設定30px,但sidebar就被擠到下方去了
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 */
}
--
少女的愛情就像丸子串,
吃完一串又一串。
by 剛田 武
--
※ 編輯: lockes 來自: 140.113.75.229 (10/07 21:54)
推 bootleq:你已經滿啦 500+左右25 + 250+左右25 剛好 850 沒位子了 10/07 22:39
→ lockes:原來如此,因為我不懂語法都亂改,所以margin設定的數值 10/08 00:55
→ lockes:會同時影響左右兩側。我以為只會更動一邊XD 感謝! 10/08 00:56
→ bootleq:margin還包括上下,你可以改用margin-left 10/08 15:29
Tags:
部落格
All Comments

By Kyle
at 2009-10-11T22:30
at 2009-10-11T22:30

By Elizabeth
at 2009-10-13T08:34
at 2009-10-13T08:34

By Rebecca
at 2009-10-17T05:20
at 2009-10-17T05:20

By Isla
at 2009-10-19T02:11
at 2009-10-19T02:11
Related Posts
Facebook、微網誌、網路使用習慣大調查

By Mia
at 2009-10-07T19:20
at 2009-10-07T19:20
如何訂閱不提供 RSS 訂閱的網站 ??

By Thomas
at 2009-10-07T17:48
at 2009-10-07T17:48
部落格為產品見證 涉廣告不實 仍可能違法

By Agatha
at 2009-10-07T16:17
at 2009-10-07T16:17
RSS、文章自動轉貼 ??

By Quintina
at 2009-10-07T16:13
at 2009-10-07T16:13
如何設定下拉式選單?

By David
at 2009-10-07T16:03
at 2009-10-07T16:03