Comment centrer une <div>

Fermé
Signaler
-
 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

Messages postés
1390
Date d'inscription
dimanche 1 juillet 2012
Statut
Membre
Dernière intervention
14 décembre 2012
206
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
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
0
Messages postés
1390
Date d'inscription
dimanche 1 juillet 2012
Statut
Membre
Dernière intervention
14 décembre 2012
206
oui mais il faut regler en utilisant top bottom right left
exempole

postion: relative;
top: 148px;
left:321px;
0
Pourquoi top 148px et left 321px ?
0
Je ne veux que centrer horizontalement
0
Messages postés
1390
Date d'inscription
dimanche 1 juillet 2012
Statut
Membre
Dernière intervention
14 décembre 2012
206
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)
0
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
.centrer{
margin: 0 auto;
width:300px;
height:auto;
border:1px solid red;
}

<div class="centrer">Ce div est centré</div>
0
MERCIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii !!!
0
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.
0
Messages postés
1220
Date d'inscription
lundi 25 juin 2012
Statut
Membre
Dernière intervention
7 août 2014
1 766
Pour un tableau c'est simple, il suffit d'utiliser du CSS pour le centrer
Pour une div, même chose.
margin: auto;
-1
Messages postés
1390
Date d'inscription
dimanche 1 juillet 2012
Statut
Membre
Dernière intervention
14 décembre 2012
206
ha j'avais pas vu que vous aviez deja repondu
0
Messages postés
1220
Date d'inscription
lundi 25 juin 2012
Statut
Membre
Dernière intervention
7 août 2014
1 766
Héhé.
Pas grave, je ne suis pas rapide partout, prochaine fois j'aurais la 2ème place ;-)
0
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>
0
Ca ne marche absolument pas, j'ai vraiment tout essayé, la div ne ce centre pas.

(je veux centrer horizontalement seulement)
0