Question

我对此页面的看法是“高中”，“初中”和“小学”图像完全适用于除IE6,7和8之外的所有浏览器。

页面的相关部分：（为清晰起见而编辑）

CSS：

#block {
    clear: both;
    width: 682px;
}
.education_level_wrapper {
    float: left; 
    width: 100%;
}
.education_level {
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

HTML：

<div id="block">
    <div class="education_level_wrapper">
        <img src="[sniped]/Title_HS.png" class="education_level" />
    </div>
</div>

IE：

alt text

铬：

alt text

我在这里做错了什么？

修改

请在此处查看固定版本：Non-Archived Graphic。上面的链接是一个快照，以保持一致的档案目的。

Answer 1

使用<!DOCTYPE HTML>添加页面以使浏览器尝试遵守CSS规范。

现在，您正在让浏览器呈现这些页面，就好像这是2001年一样。

技术解释是，在IE6怪癖模式下，自动保证金不会在标准模式下工作。如果您必须使用怪癖模式，则解决方法是在父元素上应用text-align:center。但你应该使用标准模式，也就是理智模式。

Answer 2

education_level_wrapper函数中的属性float：left是导致此问题的可能原因。

使用边距来调整定位而不是

浮

IE没有这些图像的中心，是否有修复？

2 个答案: