css - じぶんのページの一番下に留まらない

Question

タグがページの<footer>下部に留まらないようです。私はそれを修正するためにいくつかの異なる手法を試しましたが、どれもうまくいきませんでした.

以下に私の作業サイトへのリンクを含めました。

http://stage.bmdigitalgroup.com/recipes.html

Answer 1

私はあなたがあなたのフッターをページの一番下に置きたいと思います私はここよりも正しいのであればどんな解決策でも答えです。

.footer {
position:absolute;
border:0px;
}

その他のヒント、コツ、チュートリアルについては、blog.klassicweb.comをご覧ください。

Answer 2

スクリーンショットに基づくと、モニターの高さが Web サイトのコンテンツよりも大きいか、大幅にズームアウトしているように見えます。表示される内容はまったく正常です。小さいモニターでは、問題なく表示されます。サイト コンテナーにルールを追加min-height:して、指定した値までフッターを押し下げることもできますが、あなたとユーザーにとって意味のある最小の高さを把握する必要があります。

モニターの高さやズーム レベルに関係なく、フッターを常に下部に固定したい場合は、次のルールを追加できます。ただし、コンテンツがあまりないページでは、ユーザーがフッターに移動する必要がある場合、理由もなく下にスクロールするように強制します。

/* 
 This rule is already in your stylesheet. 
 I added it here just for reference. 
*/
html, body {
  height: 100%;
}

/* 
  This is the container that holds your whole site. 
  You should use an id like "#container" or "#site" so this rule 
  applies only to your site's main container. 
*/
.container_12 {
  min-height: 100%;
}