2011-05-28 93 views
0

我是這方面的新人,我寫了一個div樣式,它不適用於firefox 4,opera 11.1和ie 8.0,但是爲chrome 11工作。只是以下樣式的代碼僅用於以下以不同的順序CSS樣式的順序是否重要?

#info_text 
{ 
    background:#fdf6cc; 
    width: 650px; 
    margin-left:1px; 
    padding-left: 30px; 
    padding-right: 263; 
    min-height: 90px; 
} 

以這種方式更改後,它適用於除Internet Explorer 8.0以外的所有瀏覽器。

我能做些什麼,使其工作或者是瀏覽器的問題? 在這種情況下,它是否會改變訂單?

+3

時,你說這是行不通的, 你什麼意思?有沒有一個特定的財產不工作,或者你的意思是沒有一個工作? – Trey 2011-05-28 16:28:21

+0

它以不同的寬度繪製背景的顏色。歌劇和火狐越來越寬,但即8,仍然畫得更窄。 – Narek 2011-05-28 16:32:18

+0

你有沒有嘗試像Jim那樣添加px指出? – Trey 2011-05-28 16:37:40

回答

6

訂單在這種情況下無關緊要。

你缺少單位爲padding-right財產。通過驗證器運行你的代碼將會標記出這樣的錯誤。在IE

+0

+1看上去很好,你需要'px'在你的填充權屬性 – cusimar9 2011-05-28 16:30:02

+0

我已經改變了,但是沒有幫助,也許這可能對我沒有改變訂單有幫助 – Narek 2011-05-28 16:52:31

+0

順便說一句,在什麼情況下訂單很重要?(請不要討論你的情況重寫樣式。) – Narek 2011-05-31 06:32:11

0

歡迎來到網絡開發的世界!所有的瀏覽器解釋CSS不同,IE的特定舊版本(試行上述IE6一些有趣!)

要知道您在我們需要看到一個工作網頁上述到底是什麼問題。

的CSS的順序並不特別重要是誠實的,但明顯晚CSS覆蓋前面的CSS和這個東西這是在工業中常用的。

+0

我希望最新的versin瀏覽器是標準化的我已經閱讀過使用CSS進行網站佈局提供了跨瀏覽器功能的表格,但它仍然沒有完全跨瀏覽器,是不是? – Narek 2011-05-28 16:40:12

0

,請嘗試打開「開發人員選項」下的「工具」,如果有更具體的類,它可覆蓋的東西,或者如果事情是不好格式化,IE可以一起排除了一切。另一種選擇是「螢火蟲精簡版」,螢火蟲是一個非常有用的工具,開始使用CSS,JavaScript和頁面結構。如果沒有鏈接到你正在對這個問題的頁面,這是非常難以確定的原因,我複製你的CSS,並沒有嘗試過自己,但得到了在所有瀏覽器的預期結果

+0

在ie8的開發工具中,我看到以下內容,當我關閉寬度650px時,div的寬度從瀏覽器邊框的左側變爲右側,ot herwise它是650px,但背景顏色不會繼續出現在padding-right 263px;中。顏色應該出現在右邊填充的區域,並且文本應該填充。只有在ie8這種風格填充背景顏色。 – Narek 2011-05-28 17:02:34

+0

就像我說你需要把網頁放在網上,我們可以檢查出來,我已經在ie8中測試了你的div和css聲明以及預期的結果,不知道爲什麼它不能爲你工作,除非有其他事情正在進行 – Trey 2011-05-28 17:29:11