Centrage de pied de page de contenu avec css, html5

Je suis re-écriture d'un site web en HTML5, et je vais avoir quelques problèmes avec les centrer le contenu du pied de page.

Mon pied de page HTML est assez simple

<footer> Copyright </footer>

et le css est

footer {
    margin: auto;
    height: 330px;
    background-color: #1e2127;
    color: #ffffff;
}

mais le contenu n'est pas centré avec le reste de la page.

Ce qui me manque?

Edit:

Je ne veux pas centrer le texte à l'intérieur du pied de page, seul le pied de page elle-même (afin de s'aligner sur le reste de la page), mais je veux l'arrière-plan pour remplir la totalité de la page.

5 réponse en 3 minutes 😮

OriginalL'auteur kasperhj | 2012-08-23

  1. 3

    Je suppose que vous voulez le pied de page centré horizontalement, dans ce cas margin: auto; nécessite un certain largeur au centre automatiquement:

    footer {
  margin: auto;
  width: 960px;
  /* other styles */
}

    OriginalL'auteur Alex

  2. 3

    espère que c'est ce que vous voulez démo

    footer {
    margin: auto;
    height: 330px;
    background-color: #1e2127;
    color: #ffffff;
    text-align:center; //to align the text in center
}​
    +1 juste cause vous êtes à la démo 😀
    merci pour l'appréciation 🙂
    Vraiment mérité réponse, rapide, précis et avec la démo de trop!!
    Je n'ai peut-être pas clair, que je voulais le pied de page pour être centré, mais pas le texte à l'intérieur. +1 pour l'outil, c'est cool!

    OriginalL'auteur Uttara

  3. 3

    Vous n'avez pas donné le pied de page en largeur, ce qui signifie qu'il sera par défaut à 100%, avec le texte aligné à gauche. Ajouter text-align: center pour centrer le texte, ou ajouter une largeur au centre de l'ensemble du pied de page.

    OriginalL'auteur mash

  4. 1

    Il vous manque text-align:center pour que le contenu de centre alignés.

    OriginalL'auteur Ahsan Khurshid

  5. 1

    ensemble qch comme ça:

    <footer><span>Copyright<span></footer>

    et css:

    footer {
    margin: auto;
    height: 330px;
    width: 100%;
    background-color: #1e2127;
    color: #ffffff;
}

footer span {
    display:block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

    OriginalL'auteur Lukas

  6. 1
    footer {
    margin: 0 auto;
    height: 330px;
    background-color: #1e2127;
    color: #ffffff;
}

    margin: 0 auto ne fonctionnera que si conteneur parent ont une certaine largeur
    sinon, vous pouvez essayer de mettre text-align:center;

    OriginalL'auteur Jack