pixnet CSS問題 - 部落格

問題大概是出在.article-content{}的width(寬度)

首先要說的是#content控制的是文章區塊
而.article-content是在#content之下細分出來的
專門在管文章本文的部份 (不包含文章時間、標題、po文者、分類等等)

正常來講.article-area最多只能跟#content一樣寬
可是你的css裡頭.article-area卻比#content還寬
也恰恰好你的#body-div還有足夠的空間(總共有1180px可以運用)
於是容錯性高的IE就鬼打牆地正常顯示了
(不然應該會有某個區塊掉到下面去)

但firefox就只會中規中矩地顯示#content大小
才會造成.article-area超過的部份就被截掉了

又剛好你的#content{}有float: right; (靠右浮動)
掌管側欄的#links{}是float: left; (靠左浮動)
所以中間就空一塊啦

囉哩八唆解釋了一堆希望你有看懂ㄒ^ㄒ
解決方法如下：

拿掉.article-content{}的寬度設定
再加大#content{}的寬度囉


※ 引述《Smallove (yoyoBui)》之銘言：
: 各位好
: 我在使用pixnet時有遇到CSS的問題
: 我的瀏覽器是firefox
: 看我自己的blog的時候
: 在左欄與右邊的文字中間會出現一長條的空白
: 所以最右邊的文字會被切掉
: http://farm4.static.flickr.com/3258/2616245782_663b874925_o.jpg
: 不過用IE看就不會有這樣的問題
: http://farm4.static.flickr.com/3136/2616246092_93a142f091_o.jpg
: 不過我研究了好一陣子我的ＣＳＳ
: 實在不知道問題在哪裡
: 所以想請教版上的ＣＳＳ達人幫我看一看該修改哪裡
: 謝謝
: 下面附上我的ＣＳＳ
: http://www.box.net/shared/t7890siskw
: thanks a lot

--
http://lingshu1005.blogspot.com/
something about my life

--