修改Blogger的文章內容顯示寬度 - 部落格

我看了一下你的css
你的blogger版面控制長寬的結構大概是這樣

┌───────────────────┐
│ 上方橫幅　　　　　　　　　　　　│
│ #header-wrapper + #header │
└───────────────────┘
┌─────────┬─────────┐
│　左方內容區　　　│　右方選單區　　　│
│ #main-wrapper │ #sidebar-wrapper │
└─────────┴─────────┘
┌───────────────────┐
│底端#footer-wrapper　　　　　　　　　 │
└───────────────────┘
其中
#main-wrapper + #sidebar-wrapper = #content-wrapper

#header-wrapper + #content-wrapper + #footer-wrapper
=#outer-wrapper

所以要先加大 #outer-wrapper的width避免右方選單移位
然後跟著加大或拿掉#content-wrapper的width
再去設定#main-wrapper的width
且#main-wrapper + #sidebar-wrapper要小於#outer-wrapper的寬
這樣才不會發生某一塊被擠下去的事件

如果可以的話最好用%來當單位，不要用px
這樣在其他解析度上看才不會差太多

※ 引述《astro117 (sebastien)》之銘言：
: 最近從無名把網誌搬到Blogger
: 舊的文章還有widget也都搬好了
: 但是發現我套用的Blogger格式中的文章寬度只有483px
: --->http://lamemoire0117.blogspot.com/
: 我在無名的網誌文章的寬度是640px --->http://www.wretch.cc/blog/astro117
: 所以就文章的排版，例如圖片大小、表格欄寬等等，
: 都是得要寬640px的範圍才能顯示完整
: (而blogger的側欄sidebar，我想維持原寬度往右移就好)
: 爬了文，搜尋過網路後，比較懂一些css的碼後
: 也看了一些討論，文章顯示寬度 好像是要改
: /* layout
: ----------------------------------------------- */ 裡的碼，
: 我試了好幾次，可能是他的背景有分段。
: 修改碼後，我先預覽看看效果，但文章顯示範圍成功變寬的部分，
: 大約只有從 網誌頂端 到 我的第三篇文章(Don't Wait)而已
: 再往下面的部分，雖然"文字"自己的顯示範圍有變寬，但是背景卻沒有
: 而且整個sidebar和背景完全位移，變得很醜...
: 所以又先改回原本的樣子了....
: 可以幫我看看如何改才可以正確的加寬文章顯示寬度嗎？
: (我都是用1024*768的解析度，所以這些數值都在這解析度所用)
: 感謝!~~

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

--