[Résolu]Page non-centré, bord mangé, pied à l'ouest sous IE

Hello,

Voila je reposte un sujet autour de Design XHTML/CSS complet avec 2 colonnes de même hauteur.

Sous Firefox la page est propre mais sous IE c'est autre chose, je pensais que j'arriverais a régler le probleme en lisant des reponses de forum ou des articles, mais non je dois vraiment etre trop newbie.

Voici ma pagehttp://www.planetema.net/~apoette/form
donc comme vous pouvez le voir
- la page n'est pas centré
- le pied de page a une position bizarre
- les bords de mon header son mangé + le centre de ma page est décalé (je pense que ça va de pair)
- mes premiere ligne touche mon header malgré le margin-top

Le CSS IE (enfin la derniere version)

body {
	position: relative;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	}
#global {
	height				: 100%;
	position			: static;
	background			: none;
	filter				:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/global.png", sizingMethod="scale");
	margin-left: auto;
    margin-right: auto;
    width: 750;
    text-align: left; /* on rétablit l'alignement normal du texte */
	}
#content {
	display				: inline;
	margin-top			: 15px;
	}
#center {
	overflow			: visible;
	height				: 1%;
	} 
#sidebar {
	margin-top			: 15px;
	}

a {
	position			: relative;
	}
pre {
	position			: relative;
	}

et le general

html, body {
	font					: 90% "Trebuchet MS", sans-serif;
	height					: 100%;
	margin					: 0;
	background-image		: url(img/pokerchips1600.jpg);
   	background-repeat		: no-repeat; /* Le fond ne se répète pas */
   	background-position		: top right; /* Le fond est aligné en haut à droite */
  	background-attachment	: fixed; /* Le fond est fixé */
	}
#global {
	position				: relative;
	background				: url(img/global.png) center repeat-y;
	min-height				: 100%;
	width					: 750px;
	margin					: 0 auto;
	padding					: 0 10px;
	}
#header {
	position				: relative;
	background				: url(img/header.jpg) no-repeat;
	color					: #fff;
	height					: 201px;
	margin-top				: 0;
	}
#header h1 {
	position				: absolute;
	margin					: 0;
	padding					: 0;
	bottom					: 10px;
	left					: 30px;
	font					: 3em Georgia, serif;
	margin					: 0;
	}	
#footer {
	position				: absolute;
	width					: 750px;
	height                  : 30px;
	bottom					: 0;  
	background				: url(img/footer.png) repeat-x;
	color					: #fff;
	}
#footer p {
	padding					: 0 10px;
	margin					: 2px 0;
	font-size				: 0.9em;
	}	
#center {
	/* éviter la superposition 
	du pied de page et du contenu */
	padding-bottom			: 30px; 
	overflow				: auto;
	margin-bottom			: 0;
	}	
#sidebar {
	float					: right;
	width					: 199px;
	padding					: 0;
	margin-left				: 0;
	}
#sidebar h3 {
	padding					: 0 10px;
	color					: #c00;
	font-variant			: small-caps;
	color					: #c00;
	font-variant			: small-caps;
	}
#sidebar p { 
	padding					: 0 10px; 
	}		
#content {
	/* On laisse de la place à droite 
	pour l'autre colonne */
	float					: left;
	width					: 530px; 
	padding					: 0;
	margin-left				: 10px;
	}
#content h2 {
	padding-left			: 35px;
	background				: url(img/titre.png) left center no-repeat;
	color					: #009;
	}
#content h3 {
	color					: #c00;
	font-variant			: small-caps;
	}
ul#menu {
	margin					: 0;
	padding					: 0;
	list-style				: none;
	}
ul#menu li a {
	display					: block;
	height					: 30px;
	background				: url(img/fond_lien.png) no-repeat left top;
	padding-left			: 35px;
	margin					: 2px 0;
	border-bottom			: 1px solid #070E97;
	color					: #009;
	font					: small-caps 1.1em/30px Georgia,serif;
	text-decoration			: none;
}
ul#menu li a:hover {
	background-position		: left bottom;
	color					: #c30;
} 
a {
	color					: #009;
	font-weight				: bold;
	}
a:hover {
	color					: #c00;
	}


pre {
	margin: 0 auto;
	width: 500px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #ccc;
	}
.tip {
	padding: 5px 5px 5px 50px;
	border: 1px solid #c66;
	background: url(img/tip.png) 5px 5px no-repeat;
	}

Bon je vais aller faire un peu de sport histoire de me calmer, put*** IE de M****

Merci pour vos conseils
Modifié par oxyure (06 Mar 2007 - 18:08)

Bonsoir,

Ta page n'a pas de doctype. IE l'interprète donc en mode Quirks. Mauvais plan.

ok
une doctype hmmmm
lol
Merci a toi Florent pour tes conseils
ça marche nickel maintenant
j ai encore du chemin a faire pour etre bon en css moi .... et php aussi

++