Comment aligner DIV verticalement & horizontalement centre

Quelqu'un peut-il m'aider à obtenir div id "chargeur" pour flotter dans le centre de la div de classe "Fenêtre". Merci.

<div id="someid" class="Window">
   <div id="loader"></div>
</div>

Mise à JOUR* j'ai besoin de le centrer dans l'absolu moyen d'un bloc. Permet de dire que la classe "de la Fenêtre" a été 400px de haut. Comment puis-je obtenir "chargeur de flotter dans le centre (hauteur/largeur) de qui?

J'ai besoin de le centrer dans l'absolu moyen d'un bloc. Permet de dire que la classe "de la Fenêtre" a été 400px de haut. Comment puis-je obtenir "chargeur de flotter dans le centre (hauteur/largeur) de qui?
quelque chose comme cela? jsfiddle.net/sfKR2 je vais éditer ma réponse..
Fermer Fabian. SenorAmor suis proche de ce dont j'avais besoin. Grâce tho 🙂

OriginalL'auteur Joe | 2012-02-22

  1. 6

    Appliquer le code CSS suivant "loader":

    • position: relative
    • top: 50%
    • de la marge: -{E}px auto auto auto

    où {E} est la moitié de la hauteur de "loader"

    Espère que cette aide.

    Pouvez-vous faire de la marge: -25% auto auto auto et pas soin quelle est la taille de chargeur?
    Pas si vous voulez qu'il soit centré verticalement. Le top: 50% se déplace à l'intérieur de la div en baisse de 50% de la hauteur de sa div parent. Ensuite, le margin: -{E}px partie se déplace à l'intérieur de la div sauvegarder. Nous déplacer de la moitié de sa hauteur, de telle sorte qu'il reste centré verticalement.
    Cela ne semble pas bien fonctionner lorsqu'il est utilisé dans un wrapper qui a la largeur et la hauteur fixée à 100%.

    OriginalL'auteur SenorAmor

  2. 3
    #someid.Window{
   //give this some width
   width: 100%
}

#loader{
    //give width and margin auto on the sides
    width: 100px;
    margin: 0 auto;
}
    J'ai besoin de le centrer dans l'absolu moyen d'un bloc. Permet de dire que la classe "de la Fenêtre" a été 400px de haut. Comment puis-je obtenir "chargeur de flotter dans le centre (hauteur/largeur) de qui?
    k, pouvez-vous changer votre question de mentionner que vous voulez centrer le #loader div horizontalement et à la verticale.

    OriginalL'auteur ggreiner

  3. 0

    Ajouter ceci dans votre css:

    #loader {
  width: 123px;
  margin:0 auto;
}

    Cela rendra vos marges gauche et droite sont calculés automatiquement.

    OriginalL'auteur Bruno Silva

  4. 0

    écrire ceci:

    .window{
    height:400px;
    width:400px;
    background:red;
    vertical-align:middle;
    line-height:400px;
    text-align:center;
}
#loader{
    width:20px;
    height:20px;
    background:green;
    display:inline-block;
    vertical-align:middle;
}

    Cochez cette http://jsfiddle.net/dxPfz/

    OriginalL'auteur sandeep

  5. 0

    http://jsfiddle.net/sfKR2/

    #someid {
    width:200px;
    height:200px;
}
#loader {
    position: relative;
    height:80px;
    width: 80px;
    top: 50%;
    margin-top: -40px; /* half of the height */
    margin-left: auto;
    margin-right: auto;
}

    OriginalL'auteur Fabian Pirklbauer