2012-07-16 135 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