1

我正在设置一个在线表格，可以在其中选择盒子和东西。当我对自己说“让我们在 IE 中尝试一下”时，我几乎完成了整个事情。

这是我想要的结果以及 Google Chrome 中出现的结果：

谷歌浏览器结果

这就是在 IE 中发生的事情：

在此处输入图像描述

这是该部分的 CSS 和 HTML：

HTML 

<div id="choosen"><img src="img.jpg" class="center-img" /></div>

CSS 

 img.center-img{
        margin-top:15px;
        position:relative;
        width: <?php echo $width; ?>px;
        left:50%;
        margin-left:-<?php echo $width/2; ?>px;
    }

基本上，图像以 div 为中心，因为我正在编写的这个页面将包含在另一个我从未见过的页面中，其他人会这样做。

已编辑

链接在这里

4

3 回答 3

2

如何将 CSS 更改为

img.center-img{
    margin:15px auto 0;
    display:block;
}
于 2013-06-29T11:55:06.440 回答
0

尝试使用 css hack。这是一些关于的链接：

http://www.paulirish.com/2009/browser-specific-css-hacks/

于 2013-06-29T10:20:02.903 回答
0

如果没有正确的文档类型，您将处于“怪癖模式”。将此添加到您的第一行，前面没有其他内容：<!DOCTYPE html>. 这将使您摆脱怪癖并进入标准模式，尤其是在 Internet Explorer 方面。那么让我们看看我们的立场。

所有新网页都需要文档类型。我展示的是最新的一个，它将所有浏览器置于您想要的标准模式。Quirks 使用 1990 年代的破盒模型，您永远不想在那里。

于 2013-06-29T11:58:45.793 回答