Question

我在网站上工作，除了IE之外，所有内容在Firefox，Chrome等都很好看。我正在使用Ryan Fait的Sticky footer方法，我的主要div上有以下样式：

#bigcontent{
    width: 920px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f0f0f0;
    /* etc etc */
}

页脚代码：

.footer{
    background-color: #585858;
    color: #fafafa;
    padding-top: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 220px;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 4px 4px -2px #333;
    -moz-box-shadow: inset 0 4px 4px -2px #333;
    box-shadow: inset 0 5px 5px -2px #333;
}

我使用<!DOCTYPE html>（html5 doctype）我真的不知道问题所在。

最奇怪的是。我的主页很好。我没有在该页面上使用#bigcontent，因此该特定div应该是一个问题。

它的外观截图：

- 删除图片 -

Answer 1

您是否尝试过迫使IE进入标准模式？将其添加到您网页的<head>：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Answer 2

我认为您在兼容模式中看到了带有IE的网站。按 F12 并选中Browser Mode。

Div未在Internet Explorer 9的中心对齐

2 个答案: