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

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

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

当我在IE中查看视图源时，图像的宽度和高度应该是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 */

---

首先，我在IE中看到大约14个javascript错误，当我调出“null”表示为null或不是对象时。也许从那里开始

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

工作解决方案：

我删除了包装有问题图像的

，它就像一个符咒

---

查看我的

我也看到了IE 8的问题。问题在于

的

max width

属性。IE将无法使用XHTML doctype（您似乎正在使用）正确呈现

最大宽度

。你可以删除

max width

，或者使用一个doctype，它将触发IE中的标准模式。我推荐HTML5 doctype，正如。

在让IE像其他更现代的浏览器一样运行时遇到问题是意料之中的，也是正常的。我很困惑。IE9中的图像看起来是一样的，但右边的flash内容不同。我相信这只是因为最大宽度现在不再是指了，因为CSS指的是“p img”。@D Gauer-可能，但它确实起作用，允许OP继续进行，没有任何其他混乱。我真的不知道为什么一开始就有最大宽度，但我的应用程序没有=谢谢你，高尔。删除“最大宽度”解决了该问题。我还改为HTML5 doctype，虽然没有解决这个问题，但这可能是一个好主意。再次感谢你。@muck很高兴你成功了！如果你有机会“接受”我的回答，我将不胜感激。发展顺利。