Internet Explorer 8 problems with CSS

Question

我只使用Internet Explorer 8有问题。

我不知道为什么我添加我做的网站的链接（我是新手）：

网站如果你在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;
}

有人能帮我吗？

谢谢大家！

Answer 1

没有h7和h8这样的标题。只有h1-h6。IE8和IE7不理解未知元素，也不设计它们的样式。

Answer 2

不能有多个div具有相同的id。

您应该使用class.columna而不是id#columna。

这将解决你的问题，以及其他潜在的未来问题。

Answer 3

IE8可能无法识别h7和h8标签，因为它们不是标准标签。只有h6才是标准配置。此外，您有多个具有相同ID的Div。Div必须具有唯一标识符。类可以有多个实例。