Safari&中的“页脚停留问题"铬合金 [英] Stick Footer Issue in Safari & Chrome

问题描述

我的粘性页脚在所有期望Safari&的浏览器中都很好用Chrome，尤其是work.html页面本身.

My sticky footer works great in all the browsers expect Safari & Chrome, particularly the work.html page itself.

http://obliqueinteractive.com/creative/work.html

我注意到，当我从样式表中删除此css属性时，问题消失了，但不允许页脚继续粘贴

I noticed when i delete this css attribute from my style sheet, the problem goes away but doesn't allow for the footer to stick anymore

html, body {height: 100%;}

是否还会有其他CSS问题迫使页脚采取这种方式?

Could there be other css issues that are forcing the footer to act this way?

推荐答案

粘性页脚和带有填充的div的代码:

code for the sticky footer and divs with padding:

body{
background-image: url(../images/main_bg.jpg);
background-repeat: repeat-x;
}
#wrapper{
width: 961px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -104px; 
}
.footer, .push {
height: 104px; 
}
#work_colm{
width: 675px;
float: left;
display: inline;
padding-bottom: 40px;
}
#footer {
margin: 0 auto;
background: #292929 repeat-x;
height: 104px;
clear: both;
}

这篇关于Safari&中的“页脚停留问题"铬合金的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！