Pied de page html

Résolu
youssef.allmlg Messages postés 44 Date d'inscription   Statut Membre Dernière intervention   -  
youssef.allmlg Messages postés 44 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, sur mon site, j'ai un pied de page bien simple : 
<footer>Powered By Potato. In addition with <a href="https://www.hostinger.fr/free-eol?utm_source=fri&utm_medium=www&utm_campaign=free_eol">ALLmlg</a>.</footer>

mais je voudrais qu'il s'affiche en bas de la page complètement peu importe la grandeur de page. J'ai beaucoup cherché mais rien ne fonctionne...
Merci d'avance
A voir également:

1 réponse

Réponse 1 / 1
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
salut
en css 
footer {
position:fixed;
width:100%;
left:0;
bottom:0;
}


mettre un margin-bottom de la hauteur de footer à l'élément précédent
0
youssef.allmlg Messages postés 44 Date d'inscription   Statut Membre Dernière intervention  
 
merci, ca fonctionne mais mon pied chevauche le texte de ma page. As-tu une façon de "réserver" un espace pour le pied de page pour qu'il se retrouve toujour en dessous du texte et non par dessus??
Merci d'avance
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
Si tu lis bien mon post tu verra ceci
mettre un margin-bottom de la hauteur de footer à l'élément précédent tu peux mettre un background à footer
0
Utilisateur anonyme
 
S'agit-il de ce site ?
https://www.hostinger.fr/free-eol?utm_source=fri&utm_medium=www&utm_campaign=free_eol

Si oui, pas mal d'erreurs. Et ton footer se superpose au texte (classe "research").

Le position:absolute est à utiliser avec prudence ;o).
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
evite aussi la balise table pour de la mise en page
la balise table sert a afficher des données tabulaires
0
youssef.allmlg Messages postés 44 Date d'inscription   Statut Membre Dernière intervention  
 
Merci à tous pour votre aide!!
0

Discussions similaires

<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses