Alica 寫:
上一篇是我回的，忘了打id。
為什麼你不註冊呢
| MozTW 討論區 https://forum.moztw.org/ |
|
| [樣式設計]要顧及 Opera 跟 Firefox 真麻煩 https://forum.moztw.org/viewtopic.php?f=8&t=12418 |
第 1 頁 (共 1 頁) |
| 發表人: | wini [ 2006-01-14, 10:30 ] |
| 文章主題 : | [樣式設計]要顧及 Opera 跟 Firefox 真麻煩 |
我用 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 ）我還沒放上修好的新樣式。 |
|
| 發表人: | 訪客 [ 2006-01-14, 15:19 ] |
| 文章主題 : | |
wini 寫: 不過另一個 width 的問題就麻煩了。 CSS裡面的%不都是相對於母元件的嗎，也因此才會有上回我的blog貼圖在Firefox裏無法顯示的問題……
Firefox 是 body 的 16% ， 而 Opera 則是大區塊的 16% 的樣子。 |
|
| 發表人: | Alica [ 2006-01-14, 15:21 ] |
| 文章主題 : | |
上一篇是我回的，忘了打id。 |
|
| 發表人: | tszkin [ 2006-01-14, 20:09 ] |
| 文章主題 : | |
Alica 寫: 上一篇是我回的，忘了打id。
為什麼你不註冊呢
|
|
| 發表人: | wini [ 2006-01-14, 21:55 ] |
| 文章主題 : | |
tszkin 寫: Alica 寫: 上一篇是我回的，忘了打id。 為什麼你不註冊呢 :?: 其實如果不是因為註冊後， 可以知道自己哪些文章沒看的話， 我也懶得打帳號密碼申請呀…… 回正題。 我還沒拿尺去量兩個瀏覽器的 % 數差別， 所以是不是真的都是取用母元素的還不確定。（懶懶懶） |
|
| 發表人: | wini [ 2006-01-16, 15:51 ] |
| 文章主題 : | |
……結果剛剛在挑戰把 Army 中的選單放回左邊時， 才發現自己原先有莫名奇妙地給 #text_area 寫了個 overflow:auto; ， 不過同樣的東西，在 Firefox 中居然會顯示出來真奇怪… @_@ 總之多用不同的瀏覽器做檢查， 比較容易看出自己寫錯的地方倒是真的。 ---- 有了批次檔輔助，連製作選單位置微變動而已的樣式， 也不須去管同樣的規則要兩個檔案間做差異比對， 直接讓多的新樣式加在原先樣式的後面再自動新增另一個檔就好， 雖然這主要是因為 CSS 的後者優先套用規則所帶來的利益啦。 （ !important 這個絕對優先的語法也挺方便的） |
|
| 第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|