2013-04-10 74 views
1

我不是UI用戶,但我不得不爲一個副項目做一些CSS。我目前正在使用YUI-3文件;網格,重置和字體,所有這些都是v3.9.1。YUI-3 Grids &&谷歌Chrome瀏覽器:重疊文字

我遇到的問題是我的h2標記文本與設置寬度的重音框重疊,並且它只出現在Chrome中。它在Firefox,Safari和IE9中呈現良好。任何人都知道任何問題?

下面是它的外觀在Chrome:http://grab.by/lwEM

這裏是如何看起來在Firefox上:http://grab.by/lwEY

注意計數,26懸停在Chrome左口音,但口音有一個固定的寬度爲6px。

- 更新 -

思考這個問題可能存在於我的自定義CSS,讓我感動的代碼片段進行測試,果然,甚至基本的,因爲它是與鉻,有在右側的差距,這可以解釋爲什麼我的文本是重疊的。它看起來像是由YUI reset.css引起的。

代碼片段:http://cssdesk.com/4ctMs

回答

1

爾加...在瀏覽YUI的CSS庫,只見告示: '注意:文件 「grids.css」 已過時,使用 「cssgrids.css」 來代替。'不知道他們什麼時候改變它,但是當我做出改變時,頁面按預期呈現。

在附註中,我曾經使用Base + Reset,但似乎devs發佈了YUI Normalize,它有不同的方法來跨瀏覽器進行規範化,肯定也會檢查它。