我知道过去曾经有很多次被问过,但对于我的生活,我似乎无法得到任何其他解决方案.
我正在尝试做的是当没有足够的内容自然地将它推到底部时,让页脚(这是一个在页面宽度上重复的图像)粘在浏览器的底部.页面,当有足够的内容将其推到底部时,它就是这样.一个例子是http://www.themaninblue.com/experiment/footerStickAlt/good_example_short.htm上的那个,它完全符合我的要求,但我也无法开展工作.
我目前实现的代码使页脚粘贴到页面的某个部分,文本在其下面.你可以在sourcectrl.co.uk看到它,但它看起来不多.这是代表您观赏乐趣的代码.
html, body {
font: 100% Arial, Helvetica, sans-serif;
height: 100%;
color: #597347;
margin: 0;
padding: 0;
background: #573909;
}
header {
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 66px;
background: url(../images/FillerPage_01.gif) repeat-x left bottom;
}
section {
width: 940px;
margin: 0 auto;
font-size: 1.4em;
overflow: auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: 87px;
position: relative;
padding-bottom: 90px;
}
footer {
display:block;
position: absolute;
bottom: 0;
width: 100%;
height: 87px;
background: url(../images/FillerPage_08.gif) repeat-x left bottom;
}
对不起,如果它看起来很乱!我只是想知道我是朝着正确的方向前进还是我还没有得到的东西？哦,是的,我正在尝试用html 5标记完成所有这一切,这就是为什么没有#footer之类的东西(这可能是为什么没有解决方案有效的原因？).
如果有人能给我任何帮助或指导,我会非常感激.