CSS: div de taille fixe, fixe la position verticale et centrée horizontalement?

Dans le CSS, est-il possible d'avoir un <div> qui est à la fois centré horizontalement et fixe pour le bas du navigateur? Je suis à l'aide d'un ensemble de largeur et de la hauteur de l'intérieur de la div.

J'ai essayé de mettre un div avec position:relative à l'intérieur d'un fixe div extérieure, et qui aligne les choses à la verticale mais alors que l'extérieur de la div n'est pas centrée et je suis de retour à la case départ.

Est-ce même possible de le faire en utilisant simplement le CSS? Je suis à l'aide de jQuery, donc je voudrais l'utiliser que si c'est le seul moyen, mais je préfère le faire avec du CSS si c'est possible.

Grâce,
dylan

OriginalL'auteur Vagabond_King | 2010-02-14

  1. 4

    Compris.

    HTML

    <div id="background">
    <div id="content">
    </div>
</div>

div#background{
    height: 800px;
    width: 100%;
    position: fixed;
    bottom: 0;
}

div#content{
    position: relative;
    margin: 0 auto;
    bottom:0;
    height: 700px;
    width: 800px;
}

    Réglage de la div#background largeur à 100% permet toujours à l' div#content à utiliser margin:auto tout encore l'adaptation dynamique de la largeur de la fenêtre.

    ses répondu, j'ai juste ne peux pas frapper le bouton réponse encore.

    OriginalL'auteur Vagabond_King

  2. 1

    Comme div#content est de largeur fixe, vous pourriez être en mesure de les faire disparaître div#background:

    div#content{
    position: fixed;
    width: 800px;
    height: 700px;
    bottom: 0;
    left: 50%;
    margin-left: -350px;
}

    Bien sûr, si vous voulez un 100% de la largeur de fond là-dedans, vous pourriez aussi bien coller avec votre méthode.

    OriginalL'auteur Paul D. Waite