Page 1 sur 1

Centrer une div dans une div

Posté : 21 mars 2005, 23:18
par QD
Salut, je suis en train de regarder la mise en page css avec les div mais je capte pas comment comment centrer une div dans une div en css. Je vois vraiement pas comment faire. Centrer une div dans la page je peux mais un div dans une div je peux pas.


Qqn peut m'aider ou me filer un lien qui explique bien comment faire?

merci d'avance

Posté : 22 mars 2005, 03:45
par Elie
Si tu sais centrer un div dans une page tu fais pareil en rajoutant la largeur du DiV/2 pareil pour la hauteur :)

Posté : 22 mars 2005, 13:25
par QD
xxxxxxxx

Posté : 22 mars 2005, 13:28
par QD
mais justement j'ai fait ca masi ca marche pas

Voici un extrait de mon css

Code : Tout sélectionner

body{ margin: 0; text-align: center; background-image: url(/images/mur.gif); font-family: Verdana, Arial, Sans-Serif; font-size: 10pt; color: #404040; scrollbar-3dlight-color: #000000; /* 1er contour en haut-gauche */ scrollbar-arrow-color: #000000; /* flèche */ scrollbar-darkshadow-color: #000000; /* 1er contour - droite vertical + bas */ scrollbar-face-color: #e0e0e0; /* intérieur bouton*/ scrollbar-highlight-color: #000000;/* 2ème contour en haut-gauche */ scrollbar-shadow-color: #000000; /* 2ème contour - droite vertical + bas */ scrollbar-track-color: #e0e0e0; /* fond */ overflow-y:scroll; overflow-x:scroll; } .div_general{ margin-left: auto; margin-right: auto; width: 750px; height: 100%; text-align: left; border: 1px solid #333; } .div_centre{ margin-left: auto; margin-right: auto; position:relative; width: 600px; text-align: left; border: 1px solid #333; background-color: #fffafa; }
je tire ces explications de centrage de http://www.alsacreations.com/articles/centrer/ et en faisant la meme chose j'arrive pas a cneter mon div[/code]

Posté : 22 mars 2005, 13:29
par albat
Puisque

Code : Tout sélectionner

.div_general{ width: 750px; }
et

Code : Tout sélectionner

.div_centre{ width: 600px; }
Pourquoi pas

Code : Tout sélectionner

.div_centre{ margin-left: 75px; margin-right: 75px; }
:?:

Posté : 23 mars 2005, 13:37
par QD
merde pas con j'y avasi pas penser je vasi tester ca merci

Sinon personne connasi un bon site de css en francais?

Posté : 23 mars 2005, 15:36
par Damien

Posté : 23 mars 2005, 19:12
par Xenon_54
Bha non, c'est mieux: http://www.thenoodleincident.com/tutori ... boxes.html

(dans le cas présent)

:D

Posté : 23 mars 2005, 19:55
par ImBrOgLiO
Une documentation CSS assez complète, et en français svp:

Par Media Box:
http://dicolive.media-box.net/docCSS/css.php

Notez à droite, le choix entre "Affichage par type de contrôle" ou "Affichage par ordre alphabétique".

Posté : 23 mars 2005, 21:01
par QD
ben merci je vais potasser tout ca

margin:auto;

Posté : 02 janv. 2008, 12:15
par franck_777
essaye ça, c'est le mieux, je pense...
margin:auto;

Franck

Posté : 02 janv. 2008, 13:51
par Truc
tu le sauves enfin !! ... le sujet date de 2005 tout de même ;)

Re: margin:auto;

Posté : 02 janv. 2008, 17:05
par Victor BRITO
essaye ça, c'est le mieux, je pense...
margin:auto;
En effet, vu que des largeurs sont déclarées.

Posté : 02 janv. 2008, 23:24
par Aureusms
Attention au bug de IE avec margin-XXX : auto; !

Posté : 03 janv. 2008, 16:57
par Victor BRITO
Attention au bug de IE avec margin-XXX : auto; !
Ça ne concerne que les versions antérieures à la 6 ou lorsque IE est en mode "Quirks" (autrement dit, quand la DTD est absente, incomplète ou incorrecte ou que, pour IE 6 seulement, un prologue XML est utilisé).