4

さて、これはここでの私の最初の投稿であり、サイトを本当に楽しんでいます.

非常に基本的な (罪のように醜い) サイトを開始しましたが、何らかの理由で、CSS スティッキー フッターを FireFox で動作させることができません。IE は動作しますが、FF ではページの途中まで表示されます。

URL はhttp://dev.aipoker.co.ukです。

私はFFで開発し、IEでバグを修正する必要があることを知っているので、実際に間違いを犯した可能性があり、どういうわけかIEでは機能しますが、他の場所では機能しません。

誰か私を不幸から救ってくれませんか?

ありがとう、男と女。

4

4 に答える 4

4

私は次のようなコードで成功しました:

footer { 
  display: block; 
  position: absolute; 
  width: 100%; 
  bottom: 0px; 
}
于 2008-10-01T20:30:14.380 に答える
3

これを試してみてください。Firefoxでうまく動作します。

ところで、まだ聞いていない場合は、Boagworld のポッドキャストを聞く必要があります。すばらしい！:)

乾杯。

于 2008-10-01T20:16:47.767 に答える
1

CSS のみのスティッキー フッターとスティッキー ナビゲーションについて知っておく必要があるのはこれだけです。

ページの一番下に固定

Position: absolute;
top:auto;
bottom: 0;

画面の下にくっつく

Position: fixed;
top:auto;
bottom:0;

問題はおそらく、html コードを配置した場所 (コンテンツ ラッパーに固執しない限り、フッターを子要素にしないでください)、または CSS のオーバーラップが原因です。

auto と top を反転させることで、スティッキー ナビゲーションに同じテクニックを適用できます。モバイルを含むクロスブラウザ互換性があります（IE7以降のメモリから）。

于 2012-04-04T17:20:51.417 に答える
1

これを行うために私が見ることができる最小限の変更は次のとおりです。

  • body 内の footerSection を移動します
  • body と footerSection の両方に絶対位置を設定する
  • footerSection で bottom = 0px を設定

頭の中で次のような結果になります。

<style type="text/css">
  #body, #footerSection { position: absolute; }
  #footerSection { bottom: 0px; }
</style>

<div id="body">
   ...
   <div id="footerSection">
      ...
   </div>
</div>
于 2008-10-01T20:50:14.037 に答える