MozTW 討論區 • 檢視主題 - [小發現]Firefox 的網頁怪癖模式也挺怪的

所有顯示的時間為 UTC + 8 小時

[小發現]Firefox 的網頁怪癖模式也挺怪的

第 1 頁 (共 1 頁)

[ 12 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

wini

文章主題 : [小發現]Firefox 的網頁怪癖模式也挺怪的

發表於 : 2006-08-08, 00:50

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

同樣用 XHTML 1.0 Strict ，但是網頁若只寫

代碼:

的話， Fx 1.5.x 沒問題，在 Opera 9.0 跟 IE 6.0 上，就會造成該段以下看不見的錯誤，非得

代碼:

才能讓所有的瀏覽器都看見呀。

（一點小發現，分享一下，有需要範例頁的請說一聲。）

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

風痕影

文章主題 :

發表於 : 2006-08-08, 01:37

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

真有趣＠＠一直都沒發現有這回事兒呢...
因為我一直都習慣加上 </script> XD
所以養成寫結束標籤的習慣是件好事 ^^ ( ← 奇怪的推理 )

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

MilchFlasche

文章主題 :

發表於 : 2006-08-08, 04:30

註冊時間: 2004-07-23, 14:05
文章: 1552
來自: 台北縣豆腐的故鄉

我不懂網頁設計，不過我聽不太懂，XHTML不是本來就都要寫結束標籤，或者至少也要寫成這樣：

代碼:

嗎？難道Firefox反而這時候可以容錯了喔？

_________________
不努力的話，就會死在這裡，或是死在那裡。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

parisian

文章主題 :

發表於 : 2006-08-08, 06:16

註冊時間: 2005-12-05, 04:36
文章: 479

wini 寫:

同樣用 XHTML 1.0 Strict ，但是網頁若只寫

代碼:

的話， Fx 1.5.x 沒問題，在 Opera 9.0 跟 IE 6.0 上，就會造成該段以下看不見的錯誤，非得

代碼:

才能讓所有的瀏覽器都看見呀。

（一點小發現，分享一下，有需要範例頁的請說一聲。）

佩服wini的愛因斯坦精神，這還真不是一般人所能發現。在我的直覺認知上，總認為只有IE才能接受一些有頭無尾的怪怪寫法，沒想到FX也會…

回頂端

Mozilla/5.0 (Windows; U; Win98; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0

wini

文章主題 :

發表於 : 2006-08-08, 12:45

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

parisian 寫:

佩服wini的愛因斯坦精神，這還真不是一般人所能發現。在我的直覺認知上，總認為只有IE才能接受一些有頭無尾的怪怪寫法，沒想到FX也會…

其實是因為我之前拿到 JS 源碼時沒看清楚，所以忘了貼上結束標籤，結果心血來潮用 IE 和 Opera 看時才發現問題的。

更久以前，好像還有 CSS 的

代碼:

還是

代碼:

也可以被 Firefox 給解讀成正確的

代碼:

顯示結果的樣子。（抱歉年代久遠，一時找不到是怎樣寫的了。）

總之平時多用不同瀏覽器來看果然比較穩定呀。（汗）

另外好像不管是 XHTML 還 HTML ， script 都是要有始有終的就是，只不過 IE 好像不認 <script /> ，我也不寫 JS 的，所以不清楚 <script /> 到底算不算正確啦，不過從 script 的用途來看，應該是不能這樣子寫的。

----
話說 script 好像也要用 type 屬性的樣子，可惜不知道怎麼用才好呀……總之先不管了。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

風痕影

文章主題 :

發表於 : 2006-08-09, 05:09

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

wini 寫:

話說 script 好像也要用 type 屬性的樣子，可惜不知道怎麼用才好呀……總之先不管了。

是 type="text/javascript"

順帶一提，我曾經遇過 IE 和 Fx 讀到的原始碼不同的問題
後來才發現 Fx 好像會自動把少了後面那個角括弧的標籤自動補齊
看來 Firefox 還是會容錯的呀 ^^

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

wini

文章主題 :

發表於 : 2007-10-07, 21:45

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

最近寫網頁又發現 Fx 的怪癖，有興趣的可以測測。（我是寫 blogger 時發現的）

DOCTYPE XHTML 1.0 Strict

代碼:

<fieldset>
<legend>文字<legend>
<p>
內容
</p>
</fieldset>

其中的 legend 雖然寫錯成兩個起始標籤，不過在 Fx2 上卻是顯示正常，但是換了 Opera9 跟 IE6 一看就會發現有問題了。（我本來一開始還在想是不是 IE6 對 legend 支援有問題，不過 Op9 也一樣就沒得懷疑了。）

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070804 Firefox/2.0.0.6 (pigfoot)

GlinX

文章主題 :

發表於 : 2007-10-09, 17:19

註冊時間: 2006-11-01, 15:18
文章: 132

補一個最近在寫 AJAX 發現的

將 tr 組件以 JavaScript 插入 table 後

再將該 tr 組件移除時

會留下一小段空白 (可能是邊界所留下的)

IE6 沒這問題....

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

不惑仔Boohover

文章主題 :

發表於 : 2007-10-13, 21:25

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

今天特別測試了一個 CSS，因為好像愈來愈多人用來 clear floating(雖然它還是有些其他麻煩問題，我是不得已才用)，簡單例子如下(not for ie)：
xhtml

代碼:

<ul class="nav">
 <li>...</li>
 <li>...</li>
....
</ul>

css

代碼:

li{float:left;}
ul.nav:after{
 content:".";
 display:block;
 clear:both;
 line-height:0;
 height:0;
 overflow:hidden;
/*其實到此為止就可以讓「.」不顯示了，不過只有 fx 硬是會出現，但不會佔據高度，所以還要加*/
 visibility:hidden;
}

而如果 :after 換成 :before ，不需要 visibility:hidden; 就不會顯示了，真是怪。

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

不惑仔Boohover

文章主題 :

發表於 : 2007-10-13, 21:42

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

wini 寫:

代碼:

<fieldset>
<legend>文字<legend>
<p>
內容
</p>
</fieldset>

依照 W3C 原意，legend 就像是某一個 fieldset 的標題，所以也就像是 table 裡的 caption ，應當一個 fieldset 僅能有一個 legend ，而上面的錯誤有可能被瀏覽器判斷成1個以上的 legend 吧，我猜想的。

不過，我先前曾測試過比較有趣的是：如果以 CSS 指定 legend物件，float 或是 position:absolute; 在 fx 完全無效，但 ie 有效，其它我還沒試。

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

tszkin

文章主題 :

發表於 : 2007-10-14, 01:01

註冊時間: 2005-01-07, 15:55
文章: 947
來自: 我愛台妹

代碼:

本身就是錯的

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

不惑仔Boohover

文章主題 : flash 指定 CSS border 會在背後的內側 - 又發現怪問題

發表於 : 2009-05-28, 18:57

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

flash 指定 CSS border 會在背後的內側 - 又發現怪問題

網頁內的 flash ，不論是以 object 或 embed 元素加入，再以 CSS 指定 border ，像似

代碼:

object {border:20px solid yellow;}

<object data="xxx.swf" type="application/x-shockwave-flash" width="xxx" height="xxx">
 <param name="movie" value="xxx.swf"/>
 <param name="wmode" value="transparent"/>
</object>

依據 CSS Box Model ， border 應該向外增加寬度及高度，除了 firefox 有問題，其它瀏覽器都是向外擴增。
可能因為這個原故，加 padding 也將沒作用。

代碼:

object {border:20px solid yellow; padding:20em;}

我原本以為 firefox 沒辦法在這種元素加 border ，無意間用了一個有透明區域的 flash 動畫，再加 border ，結果 border 離奇的出現在動畫背面。也就是說 border 是有，但是卻不是向 object 或 embed 的外部增加，而是向內加入，且出現在背面。

這種狀況我試了，似乎只會出現在 flash ，如果 image 或其它 type ，就會正常向外增加 border 。

目前解決方式：無。
只能考慮在外層加 div 或其它元素指定 border 。

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

第 1 頁 (共 1 頁)

[ 12 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 19 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :