Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE/Mozilla的大小调整问题_Html_Css_Image - Fatal编程技术网

Html IE/Mozilla的大小调整问题

Html IE/Mozilla的大小调整问题,html,css,image,Html,Css,Image,我一直都在为IE和Mozilla缺少可调整大小的属性而烦恼。为了简单地解决这个问题,我在图像中加入了一些内联CSS样式,将宽度设置为我想要的宽度。然而,今天我在我的程序员做了一些更新后检查了我的网站,结果出现了一些问题。。。。。有人能帮我解决这些图像问题吗 在Chrome浏览器和IE/Mozilla浏览器中查看 …甚至页脚上的徽标也有 <img src="/media/images/logo_gray.png" width="180px" alt="fishing reports">

我一直都在为IE和Mozilla缺少可调整大小的属性而烦恼。为了简单地解决这个问题,我在图像中加入了一些内联CSS样式,将宽度设置为我想要的宽度。然而,今天我在我的程序员做了一些更新后检查了我的网站,结果出现了一些问题。。。。。有人能帮我解决这些图像问题吗

在Chrome浏览器和IE/Mozilla浏览器中查看

…甚至页脚上的徽标也有

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

作为代码,但图像仍然不符合….

请查看,尤其是第368行的错误:

分析错误;'文本对齐:居中;利润率:1米0;填充:1em 0; 边框:实心#2b4130;边框宽度:1px0;文本对齐:居中;} .单品h2、.单品h3{字体系列: 标题“Helvetica Bold”、“Arial Black”,无衬线;字体大小:2米; 颜色:#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中的声明是荒谬的,并且会使可预测的跨浏览器渲染变得一团糟。您应该考虑剥离<强>所有< /强> <代码>!重要信息从那里删除实例,只重新添加实际需要的实例。始终记住,
!重要信息
是解决无法使用更好解决方案的问题的最后解决方案。

将相关代码发布在此处或中。在元素的宽度属性中不使用“px”(不是CSS)-。同样,您可能应该使用CSS而不是属性来实现这一点,您可以说
width:180px
。应该注意的是,众所周知,浏览器完全忽略
width=“180px”
,因为它的属性值无效。这不是手头的问题,只是另一个半相关的问题。谢谢尼尔斯!是的…我是这件事的罪魁祸首!重要的事情-我有点不懂CSS。我肯定会花一些时间与CSS验证和清理的东西。非常感谢您的帮助。添加了一个关于如何解决
问题的额外说明!重要信息
过度使用。