Pied de page glissant quand vous incluez footer.php

Je me demandais comment je pouvais faire en sorte que mon pied de page colle au bas de la page, quelle que soit la longueur de la page. J'inclurais mon fichier footer.php en utilisant include ('footer.php') au bas de chaque page. J'ai déjà recherché une bonne réponse, mais rien de ce que j'ai trouvé ne marche parce que chaque tutoriel suppose que vous faites votre pied de page sur chaque page au lieu de l'inclure. Est-ce que quelqu'un sait ce que CSS je devrais utiliser pour être en mesure de le faire?Pied de page glissant quand vous incluez footer.php

Pied de page HTML:

<html> 
    <body> 

     <footer>This is my footer</footer> 

    </body> 

</html>

exemple index.php:

<html> 
    <head> 

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

    </head> 

    <body> 

     <p>Blah blah blah</p> 

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

    </body> 

</html>

Merci

Source

2017-05-17 Robbe Durnez

Je pense que votre fichier doit contenir footer.php seul élément de pied de page et son contenu:

<footer>...</footer>

puis ajouter à votre css:

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

Source

2017-05-17 13:36:12 Mohammad

Ce code fonctionne très bien lorsque la page n'est pas pleine, mais quand il est plein de texte ou d'images, le pied de page est placé au-dessus de celui-ci. Y a-t-il un moyen de l'abaisser? Merci d'avance. –

@RobbeDurnez pourriez-vous partager un extrait? – Mohammad

Je ne sais pas, mais vous pouvez aussi avoir besoin d'inclure un espace blanc au bas de votre contenu de la page pour éviter certains étant bloqués par votre pied de page.

Source

2017-05-17 13:41:52

Je ne pense pas que vous pouvez ouvrir et fermer le corps et le code html à deux reprises, quand vous le faites comme ce qui est ainsi l'apparence de la page html comme:

<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>

donc vous devriez faire le pied de page comme celui-ci :

<footer>This is my footer</footer> 

</body> 

</html>

et votre page html comme ceci:

<html> 
<head> 

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

    </head> 

    <body> 

    <p>Blah blah blah</p> 

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

et si je vous ai bien compris votre s css devrait contenir la position: fixe que vous pouvez lire ici: https://www.w3schools.com/cssref/pr_class_position.asp

Source

2017-05-17 13:59:47

Pied de page glissant quand vous incluez footer.php

Répondre

Questions connexes