无论内容的长度如何,我都试图在浏览器的底部放置一个页脚栏。页脚栏应始终对用户可见,并应位于顶层。以下是我的代码:
<html>
<head>
<style type="text/css">
#wrapper {
width: 910px;
margin: 0 auto;
padding: 0px 20px 50px 20px;
text-align: left;
}
#footer-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
bottom:0;
clear:both;
font-size:11px !important;
left:0;
position:fixed;
white-space:nowrap;
width:100%;
z-index:8000;
}
</style>
<script>
var counter = 0;
function addContent(ctr)
{
document.getElementById(ctr).innerHTML=document.getElementById
(ctr).innerHTML+"
dynaContent"+counter; counter++;
}
</script>
</head>
<body>
<div>
<div><input type="button" onclick="addContent('wrapper')" value="Add dynaContent" /></div>
<div id="wrapper" style="color:#FFFFFF; background-color: #111111;"> STATIC TEXT - HEADER-WRAPPER </div>
<div style="color:#FFFFFF;background-color: #555555;">STATIC TEXT - FOOTER-WRAPPER</div>
</div>
</body>
</html>
在Mozilla Firefox中,它可以正常工作并给出预期的结果,但是,在IE中,页脚栏始终位于页眉下方。
请帮忙。
提前致谢,
谢勒什。
最佳答案
首先,您的页脚包装器缺少id属性:<div id="footer-wrapper" ...>
然后,这取决于您使用的IE版本:
它根本无法与IE6配合使用(不理解position: fixed
)
对于IE7和IE8,只有将position: fixed
放在standards mode中,它才起作用。最简单的方法是
插入<!doctype html>
作为第一行(它必须是第一行,在其前面没有任何注释或其他内容)
但是,还有其他创建页脚的技术,例如How do you get the footer to stay at the bottom of a Web page?
关于css - 尝试在IE中为页脚栏赋予 float 效果时出现的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3001660/