Safari中的Stick Footer问题&铬

时间:2010-01-22 05:47:32

标签: css safari google-chrome footer sticky-footer

我的粘性页脚在所有浏览器中都非常适用于Safari& Chrome,特别是work.html页面本身。

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

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

html, body {height: 100%;}

是否还有其他css问题迫使页脚以这种方式行事?

3 个答案:

答案 0 :(得分:1)

首先,如果没有看到您的代码,很难诊断。是的肯定有其他css问题可以影响粘性页脚;即填充其他元素。再次,当我们看不到您的代码时很难诊断。

This stickey footer很棒,而且我经常使用它。

答案 1 :(得分:1)

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

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;
}

答案 2 :(得分:-2)

我做了以下更改(浮动页脚元素),现在可以在safari,opera,firefox和chrome中使用。

width: 101%;
margin-left: -8px;

我不确定8px对我来说只是一个解决方案还是一个解决方案,但请试一试并让我知道