Forum Clubic

[CSS]Centrer horizontalement un div

Bonjour,

Je vais venir fou ! :pt1cable: voila l’extrait de ma feuille de style :

margin-top : 100px;
margin-left  : auto; 
margin-right : auto;

Donc le but c’est d’avoir un div décalé de 100px en haut et centré horizontalement.

Le problème c’est que sur firefox ce code fonctionne très bien mais sur internet explorer le Div est centré mais pas décalé par rapport au haut de la page.

Après forcement si je met le code "position : absolute" le div ne sera plus centré mais bien aligné en haut et sur les 2 navigateurs.

Voilà qqun a une idée sachant qu’il faut que mon site fonctionne parfaitement sur les 2 navigateurs ?

çà dépend du type de centrage que tu veux.
Si c’est que le texte, un


text-align : center;

fera l’affaire sinon tu peux utiliser cela


body {
	position : absolute;
	left: 50%; 
	margin-left: -400px;/* suivant la taille de la partie principale, il faudra ajuster*/
}


Mmmh… Je ne suis pas certain du résultat mais essaye dans cet ordre.


width: 100px; 
/*Largeur que tu veux donner au bloc bien entendu (il faut une largeur pour que l'élément puisse être centré)*/

margin: auto;
margin-top: 100px;

Et aussi : Il faut que ton document HTML aie un doctype. Transitional ou Strict mais il doit avoir un doctype (par contre si qqun pouvait me rappeler pourquoi :paf: )