2012-07-16 137 views
1

我遇到問題只有Internet Explorer 8Internet Explorer 8與CSS的問題

我不知道爲什麼我添加的網站,我做的鏈接(我是新手):

Website 如果您在IE8中單擊「Candidaturas」,你會看到文本被打破,樣式不起作用,在IE9,Firefox,Chrome,Safari中運行良好......我不知道爲什麼。

div#candidaturas div#content div#columna h8 { 
    margin : 0; 
    padding : 0; 
    text-align : left; 
    font-family : Arial; 
    font-size : 11px; 
    font-variant : normal; 
    color : #555; 
} 

div#candidaturas div#content div#columna h7 { 
    text-align : left; 
    font-family : Arial; 
    font-size : 14px; 
    font-weight : bold; 
    font-variant : normal; 
    color : #ff6b00; 
} 

有人能幫助我嗎?

謝謝大家!

+1

我會改變你設計元素的方式。嘗試'#id'而不是'div#id',這是一個更好的做法,並且運行速度更快。我也建議避免這樣長時間串聯三個ID ...你確定'#columna h6'不會工作嗎?也可以嘗試'font:bold 14px Arial,sans-serif;'而不是將它們分成不同的屬性:) – skip405 2012-07-16 18:38:56

+0

我會證明你說的是什麼。謝謝! – murb83 2012-07-17 07:46:33

回答

4

有沒有這樣的標題h7h8。只有h1 - h6。 IE8和IE7不瞭解未知元素,也不會對它們進行設計。

+0

我會證明你說的。謝謝! – murb83 2012-07-17 07:46:39

+0

作品^^謝謝! – murb83 2012-07-17 11:10:28

3

你不能有多個具有相同ID的div。

您應該使用的,而不是ID #columna.columna

這將解決您的問題,以及其他潛在的未來問題。

+0

這是真的,但不是唯一的問題。 – 2012-07-16 17:26:18

+0

不錯,很高興知道!我會查的! – murb83 2012-07-17 07:47:26

+0

我會提前清除密碼,我會在我頭上添加一個註釋,以免再次犯錯。謝謝。 – murb83 2012-07-17 11:11:36

0

IE8可能不會識別h7h8標記,因爲它們不是標準。最多隻有h6是標準配置。你也有多個具有相同ID的Div。 Divs必須有唯一的標識符。類可以有多個實例。

+0

我想我應該早點刷新,我不會重複別人。抱歉! – imakeitpretty 2012-07-16 17:27:50

+0

我去檢查謝謝! – murb83 2012-07-17 07:47:46