Centrer div avec internet explorer

Bonjour à tous et merci au site AlsaCréations pour ses explications claires et accessibles.

Malgré tout, je bloque sur un problème de centrage avec internet explorer qui fait sa comédie. Je tente de renouveler mon site
http://www.coeuraccords.com/CLCA/index.html


avec safari et firefox, ça marche nickel, les marges sont respectées mais pas avec Ie. J'ai suivi le tuto qui mentionne le problème mais malgré tout, je n'y arrive pas.

Quant à mon footer, il est carrément invisible ?!

Quelqu'un pourrait-il m'apporter des explications à mon niveau (débutant) ??

merci pour les âmes courageuses

@charset "UTF-8";
acronym {
	color: green;
}
img { 
	box-shadow: 1px 1px 12px #555;  
} 
a img {
	border: 0;
}
p {
	margin: 10px;
	text-align: left;
 	color: #938568;
}
h1 {
	margin: 10px;
}
/* ------------------------------------header----------------------------------- */
.ombre  {
	width: 860px;
	height: 14px;
	background-image: url("../design/ombreheader.png");
	margin: auto;
}
#header  {
	width: 100%;
	height: 250px;
	background-image: url("../design/header.png");
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
/* ------------------------------------principal----------------------------------- */		
body
{
	background-color: #938568;
	margin: 0; /* pour éviter les marges */ 
  	text-align: center; /* pour corriger le bug de centrage IE */ 
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
div.centre {
	width: 900px;
	background: #fff;
	margin: auto;
	margin-left: auto; 
 	margin-right: auto;
  	margin-bottom: 10px;
	text-align: left;
	padding: 1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(script/border-radius.htc);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/* ------------------------------------piedepage----------------------------------- */
#footer {
	width:900px;
	background: white ;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 1px;
	font-size: 60%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(script/border-radius.htc);
}
#footer p {
	text-align: right ;
}

Modifié par omzen (19 Jun 2010 - 10:43)

Bonjour,

je n'ai pas accès aucode source de ta page depuis mon iTruc, mais ce que tu décris estassez typique : pour une raison ou une autre IE utilise le mode de rendu quirks au lieu du standard .

Parmis les raisons on retrouve habituellement : un doctype manquant ou la présence d'un caractère (souvent une déclaration XML, mais pas seulement).

Merci Laurie-Anne d'avoir bien pris la peine de me répondre...

ah ie !!

Je ne suis pas un professionnel dans ce domaine, alors je me suis servi du margi right/left pour centrer approximativement mon div. Faute de mieux...

bien à toi