Center un footer
lili
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je viens vers vous car je n'arrive pas à centrer mon footer et ma barre de nav, il y a toujours un décalage.
HTML :
CSS:
Je pense que deux éléments doivent se contredire mais je ne vois pas du tout lesquels...
Merci d'avance !
Je viens vers vous car je n'arrive pas à centrer mon footer et ma barre de nav, il y a toujours un décalage.
HTML :
<nav>
<h5>la nuit du film un peu bateau</h5>
<ul><li><a href="#">Édito</a></li>
<li> <a href="#">Projections</a></li>
<li> <a href="#">Infos pratiques</a></li>
<li> <a href="#">Réservations</a></li>
</ul>
</nav> </div>
<footer>
<ul><li> © 2014 NDF</li>
<li><a href="#">Infos partenaires</a></li>
<li><a href="#">Contact</a> </li> </ul>
</footer>
CSS:
nav { top: 100px; margin: auto; width:550px;}
nav a { margin:auto 12px 0px 10px 20px;}
ul {width:550px; margin:auto; background-color:blue; text-align: center;}
li {width:550px; margin:auto; display: inline; margin-left:7px; margin-right:7px;}
footer {width:500px; margin:auto; color:white; margin-left:7px; margin-right:7px; position:absolute; bottom:0px; }
Je pense que deux éléments doivent se contredire mais je ne vois pas du tout lesquels...
Merci d'avance !
A voir également:
- Center un footer
- Control center 4 - Télécharger - Divers Utilitaires
- Copytrans control center - Télécharger - Divers Utilitaires
- Catalyst control center - Télécharger - Pilotes & Matériel
- Family center - Guide
- Etd control center - Forum Virus
2 réponses
salut, j'ai pas tester....mais tu peux pas mettre une position absolue + margin auto + magin-left +margin-right....va falloir faire un choix
(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
salut
1) tu mets margin : auto et ensuite des margin-left /right
2) un ul de 550px dans un footer de 500px il n'y aurait comme un problème ?
3) un width a li pourquoi ?
moi je ne mettrais a ul margin:0; padding:0;
en suite tu a un </div> tout seul, il ferme quoi ?
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
1) tu mets margin : auto et ensuite des margin-left /right
2) un ul de 550px dans un footer de 500px il n'y aurait comme un problème ?
3) un width a li pourquoi ?
moi je ne mettrais a ul margin:0; padding:0;
en suite tu a un </div> tout seul, il ferme quoi ?
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
footer { width:500px; margin:auto; color:white; }nav a { margin:auto 12px 0px 10px 20px;}
sa va pas{width:550px; margin:auto; display: inline; margin-left:7px; margin-right:7px;}