CSS页脚这在IE和Firefox的作​​品

Question

嗨，大家好，我尝试添加CSS页脚，但不能将其工作的权利。现在我正在调整它像疯了似的，如果它在Firefox似乎罚款它得到全乱了Internet Explorer 7中AHD有时是半山腰德页:(有没有什么很好的例子，在那里为基于CSS的页脚。

考虑到我的页面具有一个固定的宽度，不同高度的2列和我的页脚中有100％的宽度。

---

嗯，我使用的CSS粘页脚是 - 它似乎在Firefox中正常工作，但与IE我的页脚中途浮起的页面。我注意到，我的页脚挂在浏览器窗口高度的底部。我认为IE是其如何解释的高度是如此了100％。 CSS的粘页脚运行在拥有不错，但因为我把我的修改和补充，它就会在IE搞砸。页脚和头的基本代码是这样：

@charset "utf-8";
/* CSS Document */

html, body, #wrap {height: 100%;}
body > #wrap > #main > #pageContent {height: auto !important; min-height: 100%;}

#main
{
    background-color:#FFFFFF;
    width:960px;
    height:100% !important;
    text-align:left;
    position:relative;
}

#footer
{
    display:block;
    width:100%;
    text-align:center;
    position: relative;
    height: 150px;
    clear:both;

}
/* CLEAR FIX*/
.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix 
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix 
{   
    display: block;
}
/* End hide from IE-mac */

和HTML有点像这样

<div id="wrap">
 <div> header is here</div>
 <div id="main" class="clearfix">content is here </div>
</div>
<div id="footer"></div>

我在哪里搞乱它

Answer 1

我把它整理 - 因为某些原因出现了明确的两个实例：两者虽然我看不出这是造成问题，但去除多余项固定它：\那些怪异的解决方案，似乎没有之一以任何意义。不管怎样，谢谢球员。

Answer 2

我想尝试的 CSS粘滞页脚。

Answer 3

这取决于你想达到什么样的，我想。第一个建议我是使用：

#footer {clear: both;
        }

这个意愿，至少，推下最长的列的页脚，假定有一个以上的

在第二个建议，和我的优选方案（考虑我不知道关于跨浏览器/ OS的兼容性），是：

#footer {position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         }

这是不言自明的，但本质上附加页脚到页面的底部，并允许#footer根据其内容调整，也这意味着#footer将宽为100％（允许有像素） ，所以根据你的设计调整。

Answer 4

不能说没有看到代码，但有两点栏布局，你可能至少有一列浮动。配售风格=“明确：既”。在页脚应该迫使它到页面底部