小無的不臘閣 大圖多建議電腦版

本次主要目的：網誌整體置中。（眼睛一直左側斜視都要瞎了orz）　

以下只是我的筆記＠＠

寬度使用最保守的950px，降低若瀏覽器右邊捲軸太寬而擠出下方捲軸的機率

底圖都是垂直+水平置中，可是FF、IE7 和 IE6 卻各自有差距幾相素的偏斜...
（應該是margin和背景的判定不同~）
只好為每個瀏覽器做各自的底圖orz　分別差1px （IE7）和 8px（IE6）
background:url(http://pic.pimg.tw/＊＊＊ab423afe.png) repeat #000 center center;
*background:url(http://pic.pimg.tw/＊＊＊254f4f7d.png) repeat #000 center center;
_background:url(http://pic.pimg.tw/＊＊＊8ab160d.png) repeat #000 center center;

最高位階（html 和 body）的寬度縮小（之前是970px），其他子元素的所有欄位也縮小
因現發文都有使用表格（透明的，表面看不出來＠＠）
沒辦法再縮小內文區（#content 和 #article-box），只能從連結區下手（#links）

右側連結區縮小：

　　＊標題（h4.box-title ）底圖重製（潘朵拉之心，還留著ＰＳＤ檔修改很容易）
　　　文字也縮小（font-size:14pt → 12px）

　　＊最新留言（#latest-comment）的連結（a 和 a:hover），一定要設寬度（width）
　　　並且Ｘ軸溢位時要自動隱藏（overflow-x:hidden），不然當留言有無法斷行的超長英數字串時
　　　ＩＥ６會擠掉捲軸使之無法顯示（好笨...）

　　＊Google 搜尋器重新取得內嵌語法（要從Google AdSense 帳戶登入）
　　　和pixnet 內建搜尋器兩者的搜尋欄（input#search-target）重設寬度
　　　且火狐需比IE寬1px（width:161px;*width:160px）

　　＊誰來我家和我去誰家（#visitor 和 #crumb），頭像寬度和邊距重設．

　　＊月曆（#calendar）標題和內容（th 和 td）的邊距重設
　　　（因為月曆沒設總體寬度，是用每一天的數字的格子邊距擠出）

　　＊拿掉 FATE 時鐘（還沒時間重做...）

　　＊碎碎唸底下的招呼語分行重打（非CSS,　in 側邊欄位設定）

最上方後台區（#authority，發表新文章和管理後台），寬度也要重設（使用 padding 填白）
最下方頁尾（#extradiv0，放了房子底圖）寬度同 html
內文區左側留白增加（那以後就不用設兩格表格在左邊留白了＠＠）

訪客留言的頭像（.post-photo）修正ＩＥ６過寬的邊距
（margin:10px 13px 0px 13px;_margin:10px 7px 0px 7px）
留言內容（.post-text）鎖定寬度+防止溢位（width:505px;overflow:hidden）
留言標題上邊距拉大（很小的細節，眼睛比較舒服罷了＠＠）

切換瀏覽器檢查時，要注意各欄位左右側相接處有沒有平順
　　選擇會擠下連結區的文章（如有大圖的），再在從最上面開始檢查

　　　　後台按鈕　#authority
　
　　　　頁首　#header（橫福）（#banner 是子元素）
　
　　　　內文區　#content 和 #article
　　　　　　　　留言串（#user-post 和 .single-post 等）
　　　　　　　　#comment-form（發表留言）
　
　　　　連結區　#links

　　　　頁尾（#extradiv0 和 #footer）

　　還有列表模式的寬度（h3.article-area-title、div#view-mode 和 div.main-list ）

記得的就這些＠＠
這次還算挺輕鬆的，改版沒有花很多時間＠＠

【2010.6.10】
body 的 background 又莫名奇妙的不偏斜 1px 了... 所以改回使用和FF相同的背景

【2010.6.11】
發現上面說的問題，出自於瀏覽器左側有無顯示書籤，有顯示：則無1px偏斜；反之，則有。
今天很累，懶得去思考如何修改了orz

【2010.6.19】
右側那條白線好煩!! 索性重做背景，再縮個1px不就得了！！
所以又改為分開設定， FF 的背景中間空白為970px；IE 7 為969px；IE 6 偏斜 8px。