1

我在一个网站上工作，除了 IE，在 Firefox、Chrome 等中一切都很好。我正在使用 Ryan Fait 的 Sticky 页脚方法，我的主 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的问题。

它的外观截图：

-- 删除的图片 --

4

2 回答 2

4

您是否尝试过强制 IE 进入标准模式？将此添加到<head>您的页面：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
于 2013-05-16T08:04:16.533 回答
0

我认为您在兼容模式下看到带有 IE 的网站。按下F12并检查Browser Mode。

于 2013-05-16T07:59:35.877 回答