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
et
Pourquoi pas

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
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é).