Probléme de compatibilité avec le navigateur

Signaler
Messages postés
2
Date d'inscription
mardi 20 juin 2006
Statut
Membre
Dernière intervention
17 avril 2009
-
Messages postés
2
Date d'inscription
mardi 20 juin 2006
Statut
Membre
Dernière intervention
17 avril 2009
-
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

3 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
Bonjour,
une adresse pour tester ton CSS
http://jigsaw.w3.org/css-validator/ 
au moins 2 erreurs à corriger avant de
continuer...
;O)
Messages postés
3874
Date d'inscription
mardi 8 mars 2005
Statut
Modérateur
Dernière intervention
7 novembre 2014
14
Salut,


Merci de poster dans le thème CSS la prochaine fois.

[Déplacé sur jaavascriptfr]
Messages postés
2
Date d'inscription
mardi 20 juin 2006
Statut
Membre
Dernière intervention
17 avril 2009

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