28172 sujets

CSS et mise en forme, CSS3

Bonjour,
je suis en train de péter un plomb avec mon footer et IE.
J'essaye de maintenir correctement mon footer en bas de page, et avec IE je n'arrive à rien.

Voici le résumé du code :


<div id='block_site'>
<div id='container_site'>Le contenu</div>
   <div id='footer'>Le footer</div>
</div>


Le css :
#block_site{
    min-height: 100%;
	background-color:#F00;
	position:relative;
}
#container_site {
	padding-bottom : 223; /* padding-bottom = hauteur du footer */	
	position: relative;
	margin: 0 auto;
}
#footer{
	background-color:#50545e;
	position: absolute;
	bottom: 0px;
	width : 100%;
	height:223px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B2B2B2;
	border-bottom-color: #B2B2B2;
	text-align:center;
}



Et cela ne marche pas sur mon IE 9.

Voici l'url en question pour voir le rendu du problème :
lien du problème

Et je ne sais pas du tout pourquoi cela m'a mis un gros bazard au niveau de mon menu sous IE.

Bref je ne sais vraiment plus quoi faire Smiley bawling , est ce que quelqu'un veut bien me fournir un peu d'aide ?

Merci d'avance
Je viens de penser que je n'ai pas déclarer de doctype. Du coup je suppose que IE est en mode quirks ? Est ce que le problème viendrait de là ?
J'ai rajouté :
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Et cela semble tout corrigé.

Apparemment le problème venait de mon oubli de déclaration du doctype ce qui a eu pour effet le passage dans le mode Quirks.
Bêta que je suis ... Smiley biggol