MozTW 討論區 • 檢視主題 - Firefox 瀏覽網頁的問題：某些網頁邊緣的字會被遮住

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

Firefox 瀏覽網頁的問題：某些網頁邊緣的字會被遮住

第 1 頁 (共 1 頁)

[ 5 篇文章 ]

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

發表人

內容

jaywang0.tw

文章主題 : Firefox 瀏覽網頁的問題：某些網頁邊緣的字會被遮住

發表於 : 2009-02-07, 18:15

註冊時間: 2008-03-24, 18:45
文章: 46

我發現 Firefox 瀏覽某些網站，邊緣的字會被遮住，因為不會自動斷行，例如：http://www.cn-java.com/www1/?action-viewnews-itemid-664

我一剛開始猜想網頁是不是不符合標準，但是使用 chrome 與 IE 都不會有這個問題。請問是 Firefox 的問題還是網站設計的問題？

我有測試過，Firefox 3 正式版與Firefox 3.2 開發版都有這個問題，推測 Firefox 3.1 也有這個問題。

也許是 Firefox 標準太嚴格了。也許這個真的是問題網站

因為我不確定是不是網站設計的問題，再加上我也不敢與網站作者聯絡，所以請大家幫忙。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2a1pre) Gecko/20090206 Minefield/3.2a1pre GTB5 (.NET CLR 3.5.30729)

wini

文章主題 :

發表於 : 2009-02-08, 00:49

[網站管理員]

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

我想是 Fx 太遵守規矩了，因為這是一段「white-space: pre」的 CSS 規則造成的差異，只是到底該怎麼做才好，我還沒看 W3C 的建議規則書，所以也不確定。（順帶一提，Opera 也是一樣不會自動換行。）

總之用 Stylish 加入下面這些規則試試看會不會好點（裝好 Stylish 後，點擊狀態列相關圖示，再從撰寫樣式選單中隨便選一個，用下面這些來取代所有內容。）：

代碼:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("cn-java.com") {
#articlebody {
 white-space: -moz-pre-wrap !important
 }
}

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

jaywang0.tw

文章主題 : 真的有效

發表於 : 2009-02-08, 10:00

註冊時間: 2008-03-24, 18:45
文章: 46

真的有效。

不過還是要呼籲網站的管理員，把網站設計好，使網站符合標準。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 6.0; zh-TW; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 GTB5 (.NET CLR 3.5.30729)

wini

文章主題 :

發表於 : 2009-02-08, 13:28

[網站管理員]

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

jaywang0.tw 寫:

真的有效。

不過還是要呼籲網站的管理員，把網站設計好，使網站符合標準。

其實那段語法沒問題啦，但是不知道為什麼 IE 跟 Chrome 不那樣做。

W3C 上的 white-space 說明

順帶一提我上面說的 -moz-pre-wrap 值是限定 mozilla 系才會生效的。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

不惑仔Boohover

文章主題 :

發表於 : 2009-02-09, 19:40

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

是沒有正確使用 css 定義，目前的定義

代碼:

#articlebody{
overflow:visible;
}

因 pre 的定義，如果內容超出時，會突出去顯示。

而它又在外層定義了

代碼:

.mainarea{
overflow:hidden;
}

所以就看不到超出的內容嘍，真是詭怪的寫法。

應該這麼寫就可以了

代碼:

#articlebody{
overflow:auto;
}

讓超出的內容以產生捲軸方式，才是比較好的作法

而.mainarea 就不需要overflow:hidden;了

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

第 1 頁 (共 1 頁)

[ 5 篇文章 ]

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

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

誰在線上

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

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

前往 :