Problème menu sous IE

marc78se -  
 marc78se -
Bonjour,

J'essaye de créer mon 1er site. Dur Dur.

Le problème c'est que je n'arrive pas à l'afficher correctement sur IE. Je suis en train de m'occuper du fichier ie.css mais je n'y arrive pas.
Je regardé plusieurs tuto dont celui du sdz mais je ne comprends pas pourquoi ma div "menu" est sur ma div "corps".

Je l'ai mis en ligne pour que vous puissiez regarder sur FF et IE: <lien>http://amrs.alwaysdata.net/</lien>

Au niveau HTML, j'ai une div menu suivi d'une div corps.

Voici mon CSS (j'ai laissé le plus important):

body
{
width: 1000px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;

}
#en_tete
{
width: 994px; /*1000px mais 6 px de bordure*/
height: 150px;
background-image: url("image/banniere.png");
background-repeat: x;
margin-bottom: 5px;
border-style : solid;
border-color : #000066;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#menu
{
position: fixed;
height: 455px;
min-width: 170px;
max-width: 170px;
background-color: black;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

}
#menu a /* liens figurant dans le menu */
{
color: white;
font-size: 18px;
font-family: "Times New Roman", Verdana, serif;
font-weight: bold;
text-decoration: underline;
}

#menu img
{
border: none;
}

#menu a:hover
{
color: red;
}

.onglet
{
text-align: center;
padding-top: 20px;
line-height: 80px;
}

#corps
{
text-align: center;
background-color: #000066;
min-height: 490px;
margin-left: 171px;
margin-bottom: 5px;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}



#pied_de_page
{
width: 1000px;
max-height: 25px;
min-height: 25px;
position:absolute;
background-color: black;
color: white;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#pied_de_page a
{
font-size: 12px;
color : white;

}
#pied_de_page p
{
font-size: 12px;
color : white;
line-height: 0px;
margin: 11px;
}


Je pense que c'est le problème de calcul de marge mais je ne vois pas, j'ai fais plein de modif mais rien ne fonctionne :(

Un des problème vient de position: fixed; qui "déconne sur IE", mais je ne sais pas comment résoudre le problème.


Merci d'avance.
A voir également:

2 réponses

Twinpics
 
Bonsoir,

La div#menu est positionnée en fixe (c'est pas terrible mais bon c'est toi qui voit) et la div#corps n'est pas positionnée en float left
Révise tes bases de positionnement CSS
@+
0
marc78se
 
J'ai testé de mettre un float : left au #corps et la tout va de travers.

Mon pied de page remonte en haut, et sous IE le menu se place à droite :S
0