我一直在使用IE和Mozilla缺乏调整大小属性的麻烦。为了轻松解决这个问题,我在我的图像中加入了一些内联CSS样式,将宽度设置为我想要的宽度。然而今天我检查了我的网站后,我的程序员做了一些更新,出了点问题.....任何人都可以帮我解决这些图像问题好吗?
在Chrome中查看http://www.fishingreports.com,然后在IE / Mozilla中查看
....甚至页脚中的徽标都有
<img src="/media/images/logo_gray.png" width="180px" alt="fishing reports">
作为代码,但图像仍然不服从.....
答案 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没有更好解决方案的问题的最后解决方案。