sidebar掉到最下面 - 部落格

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)
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

All Comments

Kyle avatarKyle2009-10-11
你已經滿啦 500+左右25 + 250+左右25 剛好 850 沒位子了
Elizabeth avatarElizabeth2009-10-13
原來如此,因為我不懂語法都亂改,所以margin設定的數值
Rebecca avatarRebecca2009-10-17
會同時影響左右兩側。我以為只會更動一邊XD 感謝!
Isla avatarIsla2009-10-19
margin還包括上下,你可以改用margin-left