【CSS提醒】部份板友編輯小屋CSS常犯的版面錯誤：火狐篇。

※：因小屋已於2010年11月4日改版後廢除CSS功能設計，即日起本篇文章已無參考作用，
僅保留作為歷史文章精華之用途。

(10/23 上午9：02新增)
註：家裡小電沒有火狐瀏覽器者請按以下連結。

Mozilla官方網站下載
軟體王下載（點選「按此進入下載頁面」後下拉捲軸即可）

--

知道為什麼要打這篇出來了吧？一w一

因為這幾天以來，看到許多人的小屋佈景
只要用火狐瀏覽的話，都會顯示像下圖範例那樣。


註：點圖可放大。

一眼望去是個排列很整齊的灰字
結果從火狐瀏覽看來，的確有點影響美觀這樣。

像這樣的小屋，應該說，瀏覽到的應該不只十幾個人了，搞不好還更多。

當然在IE瀏覽是沒有什麼差，因為IE跟火狐的架構本來就有些大不同
能夠使用的CSS架構也不是全然一樣。

不過，並非全然是本身火狐核心架構所致
就關於這點，整理出了兩點問題。

--

１.語法結構有沒有完整？

「body{color:#FFFFFF}」
「.hotext{color:#FFFFFF}」

以上這是CSS語法中的基本架構，由一個關鍵字串跟「{」、「}」兩個符號所組成
然後欲修改的框架，背景顏色等等，全都會包在這「{}」框框裡面。

但是，有些人好像時常忘了加進這兩個框框
導致從火狐瀏覽的時候，版面開始跟著變樣。

部份板友最常犯的就是....
是的，有很多板友在編輯CSS的途中，沒有加上「}」這個符號。

或許沒有加上那個框框，從IE瀏覽是沒什麼影響
但是，有沒有想過台灣尚有許多慣用火狐的瀏覽者呢？

只要「{」跟「}」這個沒有加進去的話
就會導致像圖片那樣，從火狐看來，版面變得就有些嚴重變形了。

舉例來說好了，像兔大(sindsiona)跟火狂神太子(kmi3012)這兩位板友的CSS編輯頁面當中
發現有許多項目沒有加上「}」這個符號
剛才自己也對自己的版面實驗了一下，故意把有些項目部份的「}」移掉
這樣看來，就會變得像剛才那張圖一樣。

經過調整，版面顯示也照樣恢復正常了。

--

２.加上了跟火狐不兼容的IE特殊語法？

其實這影響力很小，只要隨便亂加大多好像都不會怎樣
就連FILTER等那堆透明特效語法加一加也是沒什麼
IE照樣顯示，但是從火狐上面看來也是沒什麼變，頂多是不會顯示出來而已。

這點，本人有時間應該會繼續查證當中。


--

結論：目前已獲得證實的就是第１項的部份
這是大多數板友在編輯小屋CSS的時候，容易最常犯的錯誤之一
雖然在IE顯示上是正常的，但是有沒有先裝過火狐之後再看一看呢？

有空的話，請把你們所編輯的CSS看一下，有沒有哪裏有壞掉的部份
若是不懂CSS的話，也可以請教在巴哈的CSS高手
比如異姐，如語姐，兔大，夏日姐，淵姐等等。

(10/23 下午1：55新增)

看完以上文章之後，對於只有慣用IE使用者的板友們，請務必看這篇文章
無論你的小屋有沒有設計壞掉就是了。

CSS論文：使用者導向的設計 by 武藏丸(art6911)

以上，給那堆只有使用IE的人好好想想看
在此廢話完畢。（咦？）