html - CSSの問題-フッターが長すぎますか?

html css sticky-footer

このサイトのフッターに少し問題があります。最小の高さを設定し、解像度に関係なくページの下部に流れるようにしてください。一種の粘着性のあるフッターですが、その上のコンテナーdivの端に突き当たるようにしたいです。

この問題は、最新のすべてのブラウザ(Safari、Chrome、IE、Firefox)で一貫しています。

ここに投稿するにはCSSが多すぎますが、Firebugまたはビューのソースに対応するスタイルが表示されます。どんな助けでも大歓迎です。

http://034732e.netsolhost.com/gdlsk_joomla/
答え
スクリーンショットをありがとう。あなたの説明は今より意味があります。次のようにします。今あなたは次のようなものを持っています

<body>
  <page>
     <header />
     <bodycontent />
  </page>
  <footer />
<body>


私はこのようなものを検討します

<body height: 100%;>
    <page height: 100%; background: gray;>
      <header background: black; />
      <bodycontent background: black; />
      <footer />
    </page>
<body>


基本的には、本文とページを100%に設定します。つまり、画面全体を占めます。ページはフッターと同じbg色を使用します。最後に、ヘッダーとボディコンテンツを黒の背景に設定して、ページの灰色を覆い隠します。
関連記事

javascript - プログラムでdata-href属性を変更した後、Facebook Likeウィジェットを再ロードする

html - マウスを押している間だけオンクリック機能が持続しないようにするにはどうすればよいですか?

php - フォームの入力ファイルだけでファイルを送信し、他のフィールドでは送信しない方法は?

javascript - キャンバスのセクションを(グリッドに基づいて)再描画する

html - 一部のクラスはChromeでは機能しません

html - プロトコルなしの絶対リンクを使用する外部JavaScriptタグ

jquery - jQuery:必要な選択要素を含む無効なHTML 5フォーム

javascript - JavaScriptでのXMLのクエリ

html - CSS display:table-display:tableを使用して2つのセルを別のDIVの中央に配置するにはどうすればよいですか?

css - スクロールバーの下矢印が表示されない