Comment centrer une <div>

Murmelly -  
Bonjour,

J'aimerais savoir comment faire pour centrer une <div> </div> dans une page. Pour un tableau c'est simple, il suffit d'utiliser du CSS pour le centrer, mais comment faire avec une div ?

J'ai cherché sans réel succès.

Merci d'avance !

3 réponses

  1.  @lobotomix:~# rm -rf *\
    un div avec css lui attribuer un id ou une class et mettre
    margin: auto;
    pour le centrer ou alors se servir de 
    position: relative;
    1. Murmelly
      le "position: relative;" ne marche pas

      j'ai mon contenu qui se décale vers la droite à chaque fois >< ce n'est pas centré mais plutot aligné à partir du centre j'ai l'impression
    2. @lobotomix:~# rm -rf *\
      oui mais il faut regler en utilisant top bottom right left
      exempole 

      postion: relative;
top: 148px;
left:321px;
    3. Murmelly
      Pourquoi top 148px et left 321px ?
    4. Murmelly
      Je ne veux que centrer horizontalement
    5. @lobotomix:~# rm -rf *\
      c est un exemple tu met en pixel combien tu veu que ca se deplace sur la gauche(left) depuis la droite(right), depuis le bas ( bottom) ou depuis le dessus (top)
  2. tryan44 
    .centrer{
margin: 0 auto;
width:300px;
height:auto;
border:1px solid red;
}


    <div class="centrer">Ce div est centré</div>
    1. Murmelly
      MERCIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii !!!
    2. Murmelly
      Mais j'ai quand même un soucis ma <div> doit faire 900px de large et lorsque je redimensionne cette dernière :

      width:900px;

      elle se redécale vers la gauche.
  3. lionel-DIL
    Pour un tableau c'est simple, il suffit d'utiliser du CSS pour le centrer
    Pour une div, même chose. 
    margin: auto;
    1.  @lobotomix:~# rm -rf *\
      ha j'avais pas vu que vous aviez deja repondu
    2. lionel-DIL
      Héhé.
      Pas grave, je ne suis pas rapide partout, prochaine fois j'aurais la 2ème place ;-)
    3. Murmelly
      Je vais essayer ça.

      ce qui donnera donc dans ma feuille de style :

      #div {
      margin: auto;
      }

      et dans ma page HTML :

      <div id="div"> Mon contenu </div>
    4. Murmelly
      Ca ne marche absolument pas, j'ai vraiment tout essayé, la div ne ce centre pas.

      (je veux centrer horizontalement seulement)

Discussions similaires

centrer le nom des dossier
rikano

2 réponses
Utilisation des méthodes de manipulations du DOM
SelOua_2617

5 réponses
mon écran est décalé sur la droite,comment le remettre normal?
minouche

16 réponses
Impossible fusionner cellules
aubli

3 réponses
Comment centrer une image en css
Christopher

5 réponses