Bonjour tous le monde eu ... bonsoir ^^

J´ai un petit probleme et je galere dessus depuis tout a l´heure (alors que c´est rien du tout je suis sur ! :colere2: ) .

Le voici : Sous et seulement sous Internet Explorer le corps passe en dessous du menu !
http://areaofgames.free.fr/

voici le code de CSS :

body
{margin:0px
auto;font-family:arial;color:#5F582C;margin-top:0p
x;background-repeat:repeat-x;}

1. page

{ width:772px;margin:auto;}

1. banniere

{margin-bottom:0px;width:772px;height:173px;backgr
ound:url(images/banniere.png);}

1. gauche {

float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
background-image:url("images/gauche.png");
height:593px;
width :221px;
background-repeat:repeat-x;
}

1. centre {

margin-left: 221px; /* Une marge à gauche pour pousser le corps, afin qu´il ne passe plus sous le menu */
background-image:url("images/centre.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
height:593px;
width:551px;
background-repeat:repeat-x;
}

1. pied {

padding: 5px;
text-align: center;
background-image: url("images/pied.png");
background-repeat: no-repeat;
height:50px;
width:772px;
margin:0px;
}

Pouvez vous me dire ce qui ne va pas sbp ?? ?

J´ai souvent ce genre de problème, je vais voir ce que je peux faire

Utilise des postions.

• positions.

body
{
width:774px;
margin:0px auto;
font-family:arial;
color:#5F582C;
margin-top:0px;
background-repeat: repeat-x;
}

1. page

{
width:772px;
margin:auto;
}

1. banniere

{
margin-bottom:0px;
width:772px;
height:173px;
background:url(images/banniere.png);
}

1. gauche {

float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
background-image:url("images/gauche.png");
height:593px;
width :221px;
background-repeat:repeat-x;
}

1. centre {

float: left;
background-image:url("images/centre.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
height:593px;
width:551px;
background-repeat:repeat-x;
}

1. pied {

text-align: center;
background-image: url("images/pied.png");
background-repeat: no-repeat;
height:50px;
width:772px;
margin:0px;
}

Et voilà

Ça marche, mais ça, ce serait plus conforme :

body
{
width:774px;
margin:0px auto;
font-family:arial;
color:#5F582C;
margin-top:0px;
background-repeat: repeat-x;
}

1. page

{
width:772px;
margin:auto;
}

1. banniere

{
margin-bottom:0px;
width:772px;
height:173px;
background:url(images/banniere.png);
}

1. gauche {

float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
background-image:url("images/gauche.png");
height:593px;
width :221px;
background-repeat:repeat-x;
}

1. centre {

float: right;
background-image:url("images/centre.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
height:593px;
width:551px;
background-repeat:repeat-x;
}

1. pied {

text-align: center;
background-image: url("images/pied.png");
background-repeat: no-repeat;
height:50px;
width:772px;
margin:0px;
}

Je viens de tester ton css, chez moi le footer n´apparait pas.

Ah ouai tient, j´avais pas vu
K´vais essayer d´arranger ça

Ben je ne pourrais pas arranger finalement, ´jai un bug, j´arrive plus à voir la page, c´est toujours blanc...

En fait, c´est dû à IE qui ne gère pas les margin et padding comme les autres, ce qui fait que parfois, un bloc est plus large que la place qui lui est dédiée et IE place le bloc en dessous.

merci les gars mais j´ai trouvé alors cherchez plus !