如何固定網頁元素的大小 - 部落格

Jake avatar
By Jake
at 2007-03-25T07:48

Table of Contents

※ 引述《linces (DonDoThat!)》之銘言:
: 如提
: 我用BLOGGER 的Minima Stretch範本(第一行第二大項
: 發現我把網頁放大時所有的元素欄位也變大了
: 目前完全不知從何改起~~囧
: 請高手指點
這種東西可能對很多人來說很基本,回答起來覺得有點佔版面,不過連續看到很
多人在問類似的問題。
如果有心要寫 blog ,重點在內容,那可以不必太注重版面。
如果想要美觀順心的版面,目前來說,還是要學一點 CSS 比較好。 以 blogger
來說,大多數的版面應該都是
outer-wrapper 裡面包 content-wrapper,然後裡面包 main-wrapper 和
sidebar-wrapper。(有些模板裡面沒有 content-wrapper)
main 裡面放你的主要內容,sidebar 當然就是邊欄了。
這些 wrapper 都是用 div ,你可以想像這是一些盒子。
(有些模板裡面沒有 content-wrapper。就直接outer 包 main 和 sidebar)
所以你要改的就是這幾個盒子的大小和位置。在版面設置的 html 裡改。
寬度是裡面最簡單的,有兩種表示法 百分比(如 70%)和絕對寬度(如 600px)。
border 等等的部份也有關,外加位置有絕對位置和相對位置,還有許多規則
(clear, float 一堆東西),比較複雜,這個就一言難盡了。可以搜
尋網路,或者用view source, firefox 的 web devloper 工具列來看參考別人
的模板。
一個我喜歡的兩欄式樣式(右欄固定寬度,左欄比例)我有筆記,你可以參考
http://weijr-note.blogspot.com/2007/03/css-side-bar_20.html

--

All Comments

Emily avatar
By Emily
at 2007-03-27T08:55
謝謝呀~~~對我來寫得真是詳盡.原來outer wrapper有關係的..

請問yahoo文章發表如何換行阿

Xanthe avatar
By Xanthe
at 2007-03-25T03:33
按enter都沒用ㄋㄟ andgt;andlt; 大家都怎麼做的勒 而且都沒看過別人有這種問題atat 真奇怪... 謝謝解答唷 - ...

如何固定網頁元素的大小

Mia avatar
By Mia
at 2007-03-24T23:53
如提 我用BLOGGER 的Minima Stretch範本(第一行第二大項 發現我把網頁放大時所有的元素欄位也變大了 目前完全不知從何改起~~囧 請高手指點 - ...

Re: PTT Blog板友簽到簿(PTTBlogRolling!)

Dinah avatar
By Dinah
at 2007-03-24T23:33
ID : Amarantha 網址: http://www.wretch.cc/blog/porphur 站名: Le Deuxieme Sexe 環境: 無名 內容: 這是我第二個部落格,主題是跟女性相關的公共議題,歡迎來討論 -- 如果你跟我一樣是六、七年級 那你可能記得這部在台灣已被遺忘的動畫 跟我 ...

WordPress的標題和使用者不能取中文嗎

Doris avatar
By Doris
at 2007-03-24T18:54
我的WordPress和MySQL都已經設定好顯示utf-8 整個系統中文化選單、選項都是中文正常 但是WordPress的網誌標題、敘述、使用者都一定要用英文嗎 還是有設定可以改? 不然都會顯成 and#34;□□□??□□???and#34; 這樣的亂碼 - ...

Blogger欄位修改的問題

Daph Bay avatar
By Daph Bay
at 2007-03-24T16:10
※ 引述《chrisflicker (媽的咧)》之銘言: : 我將 main-wrapper 寬度條大一點後 : 旁邊sidebar裡的東西就跑到了整個文章的右下方 : 請問板上的高手 : 哪裡還需要修改!^^a : 謝謝... #sidebar { width: 226px; float: rig ...