Centrer une div dans une div

21 mars 2005, 23:18

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

22 mars 2005, 03:45

Si tu sais centrer un div dans une page tu fais pareil en rajoutant la largeur du DiV/2 pareil pour la hauteur

22 mars 2005, 13:25

xxxxxxxx

22 mars 2005, 13:28

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]

22 mars 2005, 13:29

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;
}

23 mars 2005, 13:37

merde pas con j'y avasi pas penser je vasi tester ca merci

Sinon personne connasi un bon site de css en francais?

23 mars 2005, 15:36

Bonjour, quelques liens en vrac :

http://openweb.eu.org/
http://css.alsacreations.com/
http://opquast.com/
http://www.tuteurs.ens.fr/internet/web/html/css.html

23 mars 2005, 19:12

Bha non, c'est mieux: http://www.thenoodleincident.com/tutori ... boxes.html

(dans le cas présent)

23 mars 2005, 19:55

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".

23 mars 2005, 21:01

ben merci je vais potasser tout ca

02 janv. 2008, 12:15

essaye ça, c'est le mieux, je pense...
margin:auto;

Franck

02 janv. 2008, 13:51

tu le sauves enfin !! ... le sujet date de 2005 tout de même

02 janv. 2008, 17:05

essaye ça, c'est le mieux, je pense...
margin:auto;

En effet, vu que des largeurs sont déclarées.

02 janv. 2008, 23:24

Attention au bug de IE avec margin-XXX : auto; !

03 janv. 2008, 16:57

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

Centrer une div dans une div

Qui est en ligne