我用 CSS 寫的一個無表格排版網頁，
是一個大區塊 width 為 84% 靠視窗左邊，
然後裡面又有個 width 為 16% 的列表被貼在視窗右邊。
用 Firefox 來看是這樣。

用 Opera 來看，大區塊會以 "overflow : auto ;" ，
來處理那個超出大區塊表示範圍的列表，
所以列表在 Fx 中的位置看得到，
但在 Opera 中該位置卻看不到，
得要去拉動大區塊的橫向捲軸才能看；
至於 firefox 則是 "overflow : visible ;" 。
這個的解決方法，
只要明定大區塊為 "overflow : visible ;" 就好。

不過另一個 width 的問題就麻煩了。
Firefox 是 body 的 16% ，
而 Opera 則是大區塊的 16% 的樣子。

對 IE 的話，用「 s1 > s2 { ... } 」的寫法，
就能避開處理方式不同的問題了，
不過對 Opera 則是完全行不通。

雖然說那是可選的替代樣式表，
所以預設並不會看到就是了啦。
（不過以後 IE 7 也來個支援替代樣式表的選擇就頭大了）

----
這個網頁的 Army 樣式就是了。
目前（ 2006/01/14 10:30 ）我還沒放上修好的新樣式。

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
（本帳號停用中）

CSS裡面的%不都是相對於母元件的嗎，也因此才會有上回我的blog貼圖在Firefox裏無法顯示的問題……

上一篇是我回的，忘了打id。

為什麼你不註冊呢

_________________
郭采潔全新專輯《愛異想》，5月1日正式發售
放下你手上萬惡的搖控器，支持無敵珊寶妹！別轉來轉去，否則會得散光！
我的部落格

其實如果不是因為註冊後，
可以知道自己哪些文章沒看的話，
我也懶得打帳號密碼申請呀……

回正題。
我還沒拿尺去量兩個瀏覽器的 % 數差別，
所以是不是真的都是取用母元素的還不確定。（懶懶懶）

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
（本帳號停用中）

……結果剛剛在挑戰把 Army 中的選單放回左邊時，
才發現自己原先有莫名奇妙地給 #text_area 寫了個 overflow:auto; ，
不過同樣的東西，在 Firefox 中居然會顯示出來真奇怪… @_@

總之多用不同的瀏覽器做檢查，
比較容易看出自己寫錯的地方倒是真的。

----
有了批次檔輔助，連製作選單位置微變動而已的樣式，
也不須去管同樣的規則要兩個檔案間做差異比對，
直接讓多的新樣式加在原先樣式的後面再自動新增另一個檔就好，
雖然這主要是因為 CSS 的後者優先套用規則所帶來的利益啦。
（ !important 這個絕對優先的語法也挺方便的）

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
（本帳號停用中）