IE / Mozilla调整大小问题

时间:2013-06-12 00:02:10

标签: html css image

我一直在使用IE和Mozilla缺乏调整大小属性的麻烦。为了轻松解决这个问题,我在我的图像中加入了一些内联CSS样式,将宽度设置为我想要的宽度。然而今天我检查了我的网站后,我的程序员做了一些更新,出了点问题.....任何人都可以帮我解决这些图像问题好吗?

在Chrome中查看http://www.fishingreports.com,然后在IE / Mozilla中查看

....甚至页脚中的徽标都有

<img src="/media/images/logo_gray.png" width="180px" alt="fishing reports">

作为代码,但图像仍然不服从.....

1 个答案:

答案 0 :(得分:4)

查看CSS validator output for your site,最具体的是第368行的错误:

  

解析错误;' text-align:center;保证金:1em 0;填充:1em 0;   border:solid#2b4130; border-width:1px 0; text-align:center;}   .single article h2,.single article h3 {font-family:   标题,'Helvetica Bold','Arial Black',sans-serif; font-size:2em;   颜色:#2b4130;保证金:0.5em 0;}

查看相关专线:

.single article blockquote { font-style: italic; font-weight: bold;' text-align: center; margin: 1em 0; padding: 1em 0; border: solid #2b4130; border-width: 1px 0; text-align: center;}

bold;之后有一个迷失的撇号,导致整个文件的其余部分被Firefox和IE视为字符串。限制img元素和页脚规则大小的规则低于它,因此被忽略。 Chrome设法做了一些垃圾检查,显然能够在下一行继续解析。

修复撇号,你会看到你的风格再次正确应用。

作为旁注 - CSS中!important声明的数量是荒谬的,并且使可预测的跨浏览器呈现完全混乱。您应该考虑从那里剥离 所有 !important实例,只重新添加实际所需的实例。请始终牢记!important是针对使用normal rule specificity没有更好解决方案的问题的最后解决方案。