Center un footer

lili -  
animostab Messages postés 3003 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 :

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

2 réponses

  1. Utilisateur anonyme
     
    salut, j'ai pas tester....mais tu peux pas mettre une position absolue + margin auto + magin-left +margin-right....va falloir faire un choix

    (¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
    0
    1. Utilisateur anonyme
       
      footer {
      width:500px;
       margin:auto;
       color:white; 
       } 
      
      
      0
    2. Utilisateur anonyme
       
      nav a { margin:auto 12px 0px 10px 20px;}
      {width:550px; margin:auto; display: inline; margin-left:7px; margin-right:7px;}
      sa va pas
      0
  2. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    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.
    0