Comment faire margin: 0 auto 0 auto moins quelques pixels avec CSS?

Je veux faire ceci:

margin: 0 auto 0 auto;

de sorte qu'il flotte au centre, mais je veux déplacer la div 100px vers la gauche donc, essentiellement,

margin: 0 auto 0 [auto minus 100px];

de sorte qu'il est 100px à la gauche du centre.

Comment puis-je le faire avec du CSS?

REMARQUE:

Cette div est superposé à un autre div. Je ne peut pas le mettre à l'intérieur un autre div.

<style>
#one {
 width: 100px;
 margin: ?
}
</style>
<div id="one">
sdgdgffdsg
</div>

MISE À JOUR: RÉSOLU

GGG m'a donné la solution dans le commentaire.

position: absolute;
left: -100px;
margin: 0 auto;
  • Vous pourriez faire position:relative; left:-100px;
  • Cela dépend de votre balisage, mais border-right:100px transparent peut travailler.
  • sympa, je pensais d'ajouter de l'espace sur le droit de "rééquilibrer", mais ne pouvait pas penser comment le faire.
  • non, cela ne marchera pas.
  • Qui A Travaillé! =)
  • mettre dans jsfiddle.net
  • bonne affaire.
  • si vous faites de la réponse, je vais choisir la meilleure réponse.
  • fait 🙂

InformationsquelleAutor | 2012-04-25
  1. 12

    Centre à l'aide de margin: 0 auto;

    et déplacer gauche à l'aide de position: relative; left: -100px; 

    position:relative;
margin:0 auto;
left:-100px;
    • Délicat!!! Je l'aime. Souhaite que j'aurais pensé. 🙂
    InformationsquelleAutor Roko C. Buljan
  2. 3

    Essayez ceci:

    position:relative; left:-100px;
    • choisi autre seulement parce qu'il clarifie pour ajouter le 0 auto
    • Heh, d'accord, mais cela faisait partie de vous question d'origine, je ne pense pas qu'il a besoin d'être précisé.
    InformationsquelleAutor Dagg Nabbit
  3. -1

    Vous n'avez pas. Vous avez de l'envelopper dans un autre élément qui a une marge fixe à la place.

    <div id="foo">
  <div id="bar">Hi!</div>
</div>

#foo {
  margin: 0 100px 0 0; /* left margin only is 100px */
}

#bar {
  margin: 0 auto;
}
    • Non, j'ai besoin de l'élément en dessous pour montrer; je ne peux pas le faire.
    • Un peu en retard à la fête, mais dans votre balisage, seule marge droit est donné, pas gauche. L'ordre est le suivant: haut, droite, bas, gauche.
    InformationsquelleAutor Alex Wayne
  4. -1

    Votre intérieur div avoir une largeur fixe? Si oui, vous pourriez faire ceci:

    HTML

    <div class="outside">
    <div class="inside">
    </div>
</div>

    CSS

    .inside {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -150px;
}
    InformationsquelleAutor Jezen Thomas