footer.phpを含めるとスティッキーフッター

ページの長さにかかわらず、どのようにしてページの下部にスクロールしても構わないと思っていました。私はすべてのページの一番下にinclude（ 'footer.php'）を使ってfooter.phpファイルをインクルードします。私はすでに良い答えを探してきましたが、私が見つけたものは何も見つかりませんでした。すべてのチュートリアルでは、それを含めるのではなく、1ページごとにフッターを作成することを前提としています。誰もがこれを行うために使用する必要があるCSSを知っていますか？footer.phpを含めるとスティッキーフッター

フッターのHTML：

<html> 
    <body> 

     <footer>This is my footer</footer> 

    </body> 

</html>

のindex.php例：

<html> 
    <head> 

     <?php 
     include('nav.php'); 
     ?> 

    </head> 

    <body> 

     <p>Blah blah blah</p> 

     <?php 
     include('footer.php') 
     ?> 

    </body> 

</html>

は、私はあなたのfooter.phpファイルのみフッター要素とその内容を含めるべきだと思うあなた

出典

2017-05-17 Robbe Durnez

ありがとう：

<footer>...</footer>

footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 60px; // or any suitable height 
    display: block; 
} 
html { 
    position: relative; 
    min-height: 100%; 
}

出典

2017-05-17 13:36:12 Mohammad

このコードは、ページがいっぱいではないが、テキストや写真でいっぱいになっているときにその上に置かれます。それを押し下げる方法はありますか？前もって感謝します。 –

@RobbeDurnezスニペットを共有できますか？ – Mohammad

私はわからないんだけど、あなたはまた、それのいくつかは、あなたのフッターによってブロックされるのを避けるために、あなたのページコンテンツの下部に空白を含める必要があります。は、あなたのCSSに追加します。

<html> 
<head> 

    <?php 
    include('nav.php'); 
    ?> 

</head> 

<body> 

    <p>Blah blah blah</p> 

    <html> 
    <body> 

    <footer>This is my footer</footer> 

    </body> 

    </html> 

    </body> 

</html>

ので、あなたがこのようにフッターを作る必要があります。HTMLページはどのように見えるかだあなたはこのようにそれを行うとき、私は、あなたが二回体とhtmlを閉じて、開くことができないと思います

出典

2017-05-17 13:41:52

：このような

<footer>This is my footer</footer> 

</body> 

</html>

とHTMLページ：

<html> 
<head> 

    <?php 
    include('nav.php'); 
    ?> 

    </head> 

    <body> 

    <p>Blah blah blah</p> 

    <?php 
    include('footer.php') 
    ?>

そして、私はあなたを理解している場合、正しくお使いのCSSのあなたがここで読むことができるように固定されています：https://www.w3schools.com/cssref/pr_class_position.asp

出典

2017-05-17 13:59:47

footer.phpを含めるとスティッキーフッター

答えて

関連する問題