无论内容的长度如何,我都试图在浏览器的底部放置一个页脚栏。页脚栏应始终对用户可见,并应位于顶层。以下是我的代码:

<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/

10-12 12:55
查看更多