Center un footer

Fermé
lili - Modifié par noctambule28 le 16/02/2014 à 13:57
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 16 févr. 2014 à 14:01
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 !
A voir également:

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

(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
0
Utilisateur anonyme
16 févr. 2014 à 13:55
footer {
width:500px;
 margin:auto;
 color:white; 
 } 

0
Utilisateur anonyme
16 févr. 2014 à 13:58
nav a { margin:auto 12px 0px 10px 20px;}
{width:550px; margin:auto; display: inline; margin-left:7px; margin-right:7px;}
sa va pas
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 16/02/2014 à 14:03
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