[CSS] Placer un pied de page centré
Résolu
b@sh
Messages postés
24
Date d'inscription
Statut
Membre
Dernière intervention
-
Revan26914 Messages postés 1778 Date d'inscription Statut Contributeur Dernière intervention -
Revan26914 Messages postés 1778 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je viens demander votre expertise par rapport à un problème qui m'obsède :
Je souhaiterai placer un footer sur toutes mes pages d'une longueur de 990px (ne me demandez pas pourquoi :p) de sorte qu'il apparaisse toujours tout en bas de la page.
Pour y parvenir j'ai déjà tenté le "position:absolute; bottom:0;" mais mon footer se retrouve comme définit dans le coin inférieur gauche. J'aurai donc souhaité savoir comment le centrer en bas de page.
Je vous remercie par avance ;)
Je viens demander votre expertise par rapport à un problème qui m'obsède :
Je souhaiterai placer un footer sur toutes mes pages d'une longueur de 990px (ne me demandez pas pourquoi :p) de sorte qu'il apparaisse toujours tout en bas de la page.
Pour y parvenir j'ai déjà tenté le "position:absolute; bottom:0;" mais mon footer se retrouve comme définit dans le coin inférieur gauche. J'aurai donc souhaité savoir comment le centrer en bas de page.
Je vous remercie par avance ;)
A voir également:
- [CSS] Placer un pied de page centré
- Impossible de supprimer une page word - Guide
- Placer des points sur une carte - Guide
- Calcul km marche à pied gratuit - Télécharger - Sport
- Centre de messagerie - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
3 réponses
Bonsoir,
Il faut utiliser margin: auto;
Pour le placer en bas de la page, il suffit de le mettre en dernier dans ton code HTML:
Si tu as des éléments flottants sur ta page (float), il faut utiliser clear: both; (clear peut aussi prendre la valeur rigth ou left). Ce qui donnerait en CSS:
Cordialement
Revan
Il faut utiliser margin: auto;
Pour le placer en bas de la page, il suffit de le mettre en dernier dans ton code HTML:
<!-- Ta page --> <div id="footer"> <!-- ton footer --> </div> </body> </html>
Si tu as des éléments flottants sur ta page (float), il faut utiliser clear: both; (clear peut aussi prendre la valeur rigth ou left). Ce qui donnerait en CSS:
#footer{
width: 990px;
margin: auto;
clear: both;
}
Cordialement
Revan
Salut à toi et merci pour ta réponse.
En fait ce que je souhaiterai c'est faire apparaitre mon pied de page tout en bas quelle que soit la résolution du visiteur et la hauteur de la page. Le "margin : auto;" permet seulement de centrer le div horizontalement :o
En fait ce que je souhaiterai c'est faire apparaitre mon pied de page tout en bas quelle que soit la résolution du visiteur et la hauteur de la page. Le "margin : auto;" permet seulement de centrer le div horizontalement :o
Le margin: auto c'était pour la partie centrer de la question:
J'aurai donc souhaité savoir comment le centrer en bas de page.
;-)
Pour le bas de page, je n'avais pas compris que tu voulais qu'il soit tout en bas ^^
Pour ton problème, voici la solution: http://covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-1.html
Revan
J'aurai donc souhaité savoir comment le centrer en bas de page.
;-)
Pour le bas de page, je n'avais pas compris que tu voulais qu'il soit tout en bas ^^
Pour ton problème, voici la solution: http://covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-1.html
Revan
