版面配置的問題 - 部落格

Table of Contents

※ 引述《soulspell (靈魂羊=拼魂)》之銘言:
: http://testovertest.blogspot.com/
: 這是一個測試用的blog
: 我想請問的是
: 要如何調sidebar跟blog本文的寬度?
: 我想把那條分隔的虛直線移到大概
: testovertest
: ^
: |
: |
: 這個位置
: 麻煩各位了<(_ _)>


可以用改CSS的方式

#main-wrapper /*這是本文寬度
{
width: 500px; ←更動裡面的數字
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;
border: 1px solid $bordercolor;
}


#sidebar-wrapper /*這是Sidebar的寬度
{
width: 210px; ←更動裡面的數字
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;
}

至於位置可能就要自己更動數字測囉~~~
希望有幫到你^^

--

All Comments

Wallis avatarWallis2007-03-01
那請問有辦法弄成本文寬度會隨著螢幕解析度不同自動
Jacky avatarJacky2007-03-02
更動那樣嗎?好像新一點的網站都有支援這種方式哩…
Elizabeth avatarElizabeth2007-03-06
用%螢幕
Enid avatarEnid2007-03-09
自動更動的話應該是把 px 改成是 % 的方式呈現,不過
Charlotte avatarCharlotte2007-03-13
總和不能超過100%
Isabella avatarIsabella2007-03-17
感謝!