0

我遇到了一个相当奇怪的问题：

在我目前正在创建的一个网站上，我使用了一个在 Firefox、Chrome、Safari 和 IE 9 中运行良好的粘性页脚。

它实际上也适用于 IE 8，但仅在通过来自同一站点的另一个页面的链接访问该站点时。直接访问站点（或重新加载）时，页脚不会显示在页面的末尾，而是在其上方一点点，与那里的内容重叠。

如果我单击该页面上在灯箱中打开的图像，页脚会以某种方式移回其所需位置。

当我在本地环境中查看站点时，页脚也可以正常工作，问题仅出现在生产网络服务器（或我上传到的任何其他在线空间）上。

这是相关的页脚代码，如果您需要更多，请告诉我（不幸的是，我无法让您访问该网站）：

HTML：

<!DOCTYPE html>
<html>
    <head>
       <link href="css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
    </head>
    <body>
     <div class="wrapper">
         <div class="content">
             <!-- Content etc goes here -->
         </div>
         <div class="push"></div>
     </div>
     <div class="footer">
         <!-- Footer goes here -->
     </div>
    </body>
 </html>

CSS：

html, body {
    height: 100%;
}

div.wrapper {
    width: 960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -154px;
}

div.push {
    height: 154px;
}

div.footer {
    position: relative;
    width: 960px;
    height: 154px;
    margin: 0 auto 0 auto;
    clear: both;
    overflow: hidden;
}

我感谢任何帮助，如果您需要更多信息或者我错过了什么，请告诉我。

干杯，亚历克斯

4

1 回答 1

0

可能是布局问题。尝试

.footer {zoom: 1;}
于 2013-01-21T17:50:02.383 回答