0

私はかなり奇妙な問題を抱えています:

現在作成しているサイトの1つで、Firefox、Chrome、Safari、IE9で問題なく動作するスティッキーフッターを使用しています。

実際にはIE8でも機能しますが、同じサイトの別のページからのリンクを介してサイトにアクセスする場合に限ります。サイトに直接アクセスする(またはサイトをリロードする)と、フッターはページの最後には表示されませんが、その少し上に表示され、そこでコンテンツがオーバーラップします。

ライトボックスで開くそのページの画像をクリックすると、フッターはどういうわけか目的の場所に戻ります。

フッターは、ローカル環境でサイトを表示するときにも完全に機能します。問題は、本番Webサーバー(またはアップロードした他のオンラインスペース)でのみ発生します。

関連するフッターコードは次のとおりです。さらに必要な場合は、教えてください(残念ながら、サイトへのアクセスを許可することはできません)。

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

has-layout の問題である可能性があります。試す

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