28173 sujets

CSS et mise en forme, CSS3

J'ai un probleme pour centrer un div dans un autre div sous Firefox, alors que ca marche très bien dans IE.
Quelqu'un pourrait-il m'aider ? svp
Merci

Voici le code "incriminé" :


<style>
#box1 {
	border:1px dashed #FF0000;
	text-align:center;
}
#box2 {
	border:1px dashed #0000FF;
	width:790px;
}
</style>

<div id="box1">
	<div id="box2">
		xxx<br/ >
		xxx<br />
		xxx
	</div>
</div>

Modifié par mouche (20 Oct 2006 - 14:35)
Modérateur
bonjour,

IE applique le text-align:center; aux enfants comme-ci ceux ci etait englobé dans une balise <center></center> , il ne centre donc pas que les textes , mais aussi toutes les balises presentes.
Pour les autres et pour centré une balise de type "block" :
margin:auto; sur la balise concernée.


#box2 {
	border:1px dashed #0000FF;
	width:790px;
                           margin:auto; /* va centré l'élèment */
}


++