Question

对我来说这是一个令人沮丧的问题。

这是链接。在IE，Chrome和Firefox中试用它。后两者很好，图像右侧对齐，显示为375x500。但是在IE中，图像向右对齐，但显示为15x500。

http://www.themoneygoround.com/2011/04/intc-intel-shows-up-strong-afterhours.html

当我在IE中查看View Source时，图像的宽度和高度应为375x500，但这不是显示的内容。图像按预期向右对齐，但缩小到15x500。谢谢你的任何想法...

这是CSS

p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */

Answer 1

我在IE 8中也看到了问题。问题是max-width的{{1}}属性。 IE不会正确地使用XHTML doctype（您似乎正在使用）呈现<img>。您可以删除max-width或使用将在IE中触发标准模式的doctype。我建议按照this article推荐HTML5文档类型。

Answer 2

首先，我在IE中看到大约14个javascript错误，当我说出'null'是null或不是对象时。也许从那里开始？

编辑：顺便说一句，我在IE8中

工作解决方案：

我删除了包含相关图片的<p class="alignright"></p>，它就像一个魅力。

在 working jsFiddle demo 中查看。

CSS：在IE与Firefox或Chrome中对齐图像 - 图像大小全部搞砸了

2 个答案: