Sujet Précédent Sujet Suivant

Comment centrer une <div>

Fermé
Murmelly - 2 août 2012 à 17:03
 Murmelly - 3 août 2012 à 13:20
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

Réponse 1 / 3
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
2 août 2012 à 17:06
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
2 août 2012 à 21:15
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
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
3 août 2012 à 09:01
oui mais il faut regler en utilisant top bottom right left
exempole 

postion: relative;
top: 148px;
left:321px;
0
Murmelly
3 août 2012 à 11:38
Pourquoi top 148px et left 321px ?
0
Murmelly
3 août 2012 à 11:38
Je ne veux que centrer horizontalement
0
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
3 août 2012 à 11:40
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
Réponse 2 / 3
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
3 août 2012 à 11:48 
.centrer{
margin: 0 auto;
width:300px;
height:auto;
border:1px solid red;
}


<div class="centrer">Ce div est centré</div>
0
Murmelly
3 août 2012 à 11:57
MERCIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii !!!
0
Murmelly
3 août 2012 à 11:59
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
Réponse 3 / 3
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 767
2 août 2012 à 17:04
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 *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
2 août 2012 à 17:06
ha j'avais pas vu que vous aviez deja repondu
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 767
2 août 2012 à 17:10
Héhé.
Pas grave, je ne suis pas rapide partout, prochaine fois j'aurais la 2ème place ;-)
0
Murmelly
2 août 2012 à 21:14
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
Murmelly
3 août 2012 à 11:39
Ca ne marche absolument pas, j'ai vraiment tout essayé, la div ne ce centre pas.

(je veux centrer horizontalement seulement)
0

Discussions similaires

Utilisation des méthodes de manipulations du DOM
SelOua_2617 -
SelOua_2617 -

5 réponses
erreur (#DIV/0) formule MOYENNE.SI.ENS
sara-87 -
sara-87 -

5 réponses
comment remplacer un #div/0! par une cellule vide
zara70 -
Vaucluse -

3 réponses
Mise en forme d'un texte - gimp
caced -
caced -

1 réponse
Centrer une photo dans une cellule - Calc
mariq39 -
yclik -

3 réponses