probléme de compatibilité avec le navigateur

Question

Bonjour,
j'ai un problème avec le navigateur, en fait je suis entrain de créer le site de notre société, tout marche bien avec mozilla firefox, mais quand je lance le site sur Opera ou sur internet explorer, les sous menu de mon site qui ne doivent apparaitre qu'au survol de la souris sont affiché.
voici le code du fichier css:

body {
    margin: 50px 40px 10px 120px;
  float:left;
      border-bottom: solid 1px #6A8CB2;
    border-top: solid 1px #6A8CB2;
    border-right: solid 1px #6A8CB2;
    border-left: solid 1px #6A8CB2;
   
    
}

#menu {
      height: 28px;
    margin: 0px;
    margin: 0px 0.2em 0px 0.2em;
    padding: 0px;
    font-size:0.77em;
    
    
}

#menu ul, #menu li {
 background-color: #6B696B;
  font-weight:bold;
  color:#666;
  margin:0px;
  margin:0px 0.2em 0px 0.2em;
  padding:0px;
  font-size:1em;
  
    list-style-type: none;
}

#menu li a {
    display: block;
    text-decoration: none;
    text-align: center;
    border: 1px solid #fff;
    
}
/*---------- Niveau 1 ----------*/
#menu .niveau1 li {
    float: left;
    margin: 0 -15px 0 0;
    width:136.5px;
    border: 1px solid #6a8cb2;
    background-color: #9a9a9a;
    
}
#menu .niveau1 li a {
    padding: 5px 0;
    height: 16px;
    color: #fff;
    background-color: #6a8cb2;
}

#menu li a:hover, #menu li a:focus, #menu li span:hover, #menu li span:focus, #menu li.encourt a {
    color:#FFF;    
    background-color:#746756;
    
}
/*---------- Niveau 2 ----------*/

#menu .niveau2 {
    position: absolute;
    top:-9999em;/* pour faire descendre le menu qui est affiché en haut*/
    

}

#menu .niveau2 li {
    clear: left;
    margin: -1px 0 0;
    width:150px;
      
}
#menu .niveau2 li a {
    color: #23388a;
    background: #d4d4d4;
    
}

#menu .niveau2 li a:hover {
    color: #fff;
    background-color: #A8A5A8;
    }
#menu li:hover .niveau2,
#menu .sfhover .niveau2 {
    top: auto;
    min-height: 0; /* corrige un bug IE7 */
    background-color:#D4D4D4;
}
/*---------- Niveau 3 ----------*/
#menu .niveau1 .niveau2 .niveau3 {
    position: absolute;
    
    width:139px;
   
    top: -9999em;
    border-top: 1px solid #fff; /* corrige un bug IE6 */
}
#menu .niveau3 li a {
    color: #336699;
    /*background: #6D8600;*/
    background-color:#d7d3d7;
}
#menu .niveau3 li:hover a,
#menu .niveau3 li a:hover {
    color: #746756;
    background: #D4D4D4;
   
}
#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3 {    
    top: auto;
    
    margin:-28px 0 0 98%; 
}
#menu .inverse .niveau2 li:hover .niveau3,
#menu .inverse .niveau2 .sfhover .niveau3 {    
    top: auto;
    margin:-28px 0 0 -149px;
}

#footer{
    clear:both;
  
    width:47.2em;
    margin: 2px 0px 2px;
   
    margin-left:auto;
    margin-right:auto;
    margin-bottom:-15px;

}

.marge{
    /*padding:1em 1em 0px 1em;*/
    padding:0px 1em 0px 1em;
    
}

#content {
    background:#FFF;
   
    float:left;
   
    width:47.2em;
    margin: 5px ;
    
    border-bottom: solid 1px #6A8CB2;
    border-top: solid 1px #6A8CB2;
    border-right: solid 1px #6A8CB2;
    border-left: solid 1px #6A8CB2;
   
    font-family:Verdana;
    color:#333333;
    font-size:1em;
   
    text-align:left;

}
    
}

.tdClass{
border-right: solid 1px #ADADAD;
}

.tabMainHome
{
   margin: 10px;
    border-top:solid 1px #ADADAD;
    
}

.styleSpan{
color:#23388A;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-weight:bold;
font-family: Verdana, sans-serif;
font-size: 1em;
}

.tdBordure{
border-bottom: solid 1px #ADADAD;

}

.fontSMenu
{
    font-size:12px;
    font-weight:bold;
    font-family:Tahoma;
    color:#464646;
    

.tdMenu
{
    padding-top:10px;
}

.lign{
font-weight:bold;
text-transform:uppercase;
}

a:hover 
{
    text-decoration:underline;     
    cursor:pointer;
}

aidez moi s'il vous plait

PetoleTeam · Answer

Bonjour, 
une adresse pour tester ton CSS
http://jigsaw.w3.org/css-validator/ 
au moins 2 erreurs à corriger avant de 
continuer... 
;O)

cs_rt15 · Answer

Salut,


Merci de poster dans le thème CSS la prochaine fois.

[Déplacé sur jaavascriptfr]

ivvymata · Answer

merci de m'avoir répondu, je vais corriger le css pour voir

Probléme de compatibilité avec le navigateur

3 réponses

Votre réponse

Discussions similaires