您在這裡

設定網頁整體寬度

jade0609's 的頭像
jade0609 在 2012-11-11 (周日) 15:30 發表

各位版上的高手大家好

我目前接到一個網站的管理,之前的人是用drupal製作的
而我對drupal是完全沒接觸過
現在已經開始惡補一些知識...

不過目前我想先做的是把整個網頁變得更寬
http://www.owltale.org.tw/
這是我目前所接手的網頁

目前整體看起來左邊的first sidebar 加 右邊content 的寬度就是整個網頁的寬度
但是當我把first sidebar拿掉後
content的寬度竟然會變成大於原本頁面的寬度

我想知道有哪邊可以設定content的寬度嗎?
不然整個網頁看起來只有細細的一條

PS.我對於製作網頁的知識只有基礎的html,還希望大家指導時能提供詳細一點的內容

謝謝大家

除非客戶給很多時間摸索. 不然以drupal多元分工.沒接觸過.會很吃力
不太建議你現階段接手這樣的案子

若你會使用firebug~就可得知要改哪一個部分的CSS

#page-wrapper, .region-page-closure {
margin-left: auto;
margin-right: auto;
width: 800px;
}

我看網頁本身的CSS似乎寫在某個區塊中.
另外Panel裡也有設定頁寬的地方

http://www.owltale.org.tw/ 此站寬度寫在某個css檔裡,不過檔案被壓縮看不出來是哪個檔。
可去網站設定 > 效能 (admin/settings/performance) 裡暫時把最佳化css檔案關掉,然後用瀏覽器內建的開發器查看是寫在哪個css檔裡,進而修正之。
※ 較新版的 IE9/Firefox/Chrome/Opera 皆有內建網站開發器,IE9/Chrome 按F12,Firefox/Opera 按Ctrl+Shift+I

寬度是設定在以下列出的選擇器裡

主要頁面
#page-wrapper, .region-page-closure { width: 800px; }

內容
.sidebar-first #content { width: 650px }

左欄
.region-sidebar-first { width: 150px; }

拿掉first sidebar後content會變寬是因為當first sidebar有內容時,body內會多了.sidebar-first這個class,導致原本content width被覆蓋掉
原本的content:
#content { width: 960px }

建議page-wrapper設定960px為佳,因為還是要考量到舊螢幕使用者 (1024x768)
CSS教學可參考:http://www.w3schools.com/css/