Html internet explorer 8背景色包装_Html_Css_Internet Explorer_Internet Explorer 8_Background

Html internet explorer 8背景色包装

html css internet-explorer internet-explorer-8

Html internet explorer 8背景色包装,html,css,internet-explorer,internet-explorer-8,background,Html,Css,Internet Explorer,Internet Explorer 8,Background,因此，我将网页的主体背景颜色设置为纯色，并将包含所有内容的content div设置为不同的背景颜色，宽度较小，但高度为100%（我之前将html和主体高度和宽度设置为100%）。在Chrome、Firefox和IE10中，它是我想要的，它的两边有两列颜色，中间有一个白色的盒子，里面是内容。然而，在IE8中，背景色在内容下方也是可见的，因此背景色在内容周围形成一种U形，这不是我想要的。有什么想法吗 body, html{ width:100%; height:100%; } body {

因此，我将网页的主体背景颜色设置为纯色，并将包含所有内容的content div设置为不同的背景颜色，宽度较小，但高度为100%（我之前将html和主体高度和宽度设置为100%）。在Chrome、Firefox和IE10中，它是我想要的，它的两边有两列颜色，中间有一个白色的盒子，里面是内容。然而，在IE8中，背景色在内容下方也是可见的，因此背景色在内容周围形成一种U形，这不是我想要的。有什么想法吗

body, html{
width:100%;
height:100%;
}
body {
    margin: 0px;
    color: #000;
    font-family: Corbel;
    font-size: 13px;
    line-height: normal;
    background-color: #d5e6c7;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#wrapper {
    width: 940px;
    height:100%;
    background-color:#FFF;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
}

下面是一些css代码，不确定是否还有其他需要查看的代码部分。感谢您的帮助。谢谢

好的，看看模板，布局如下：

<html>
<body>
    <div id="templatemo_body_wrapper">
        <div id="templatemo_wrapper">
            <!-- content -->
        </div>
    </div>
    <div id="templatemo_footer_wrapper">
        <!-- footer -->
    </div>
</body>
</html>

似乎在IE8中对我有用。试试看

原始响应我无法重现你描述的问题

但是，您可能需要检查是否在HTML文档的顶部声明了DOCTYPE，如下所示：

<!DOCTYPE html>

不这样做会使IE陷入困境

我尝试在没有DOCTYPE的情况下呈现页面以触发怪癖模式，这导致白色部分不再居中。不确定这是否是您正在描述的问题。

我无法用给定的css重现此错误，而只能使用这两个元素。也许是别的css搞乱了什么？是的，我就是这么想的。。。但似乎找不到它。。。真的很烦人。是否有任何类型的重写或其他东西可以确保元素在页面的整个高度，而不考虑其他内容？感谢您的回复，我已经声明了doctype，白色部分仍然居中。。。一定是别的原因。我的网站使用了一个模板，所以里面有很多不必要的代码。该模板称为templatemo 304浅灰色，我想是的。仅仅通过谷歌搜索，我发现，这似乎是正确的。我知道怎么修。让我编辑一下我的答案。看起来像那个！谢谢，非常感谢。这似乎使底部的绿色区域变小了，但它仍然存在。。。一定是有什么奇怪的事情发生了。如果我删除了页面上的所有内容，除了一堆换行符和一句话（这样页面仍然需要滚动），那么它就可以正常工作了。。。知道那是什么意思吗？

<!DOCTYPE html>