menu vertical compbatible IE et firefox - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  menu vertical compbatible IE et firefox

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: menu vertical compbatible IE et firefox (Lu 1074 fois)

menu vertical compbatible IE et firefox
« sur: le 19-10-2009 a 14:52:41 »

edephoto7star
Membre récent

Hors-Ligne

Sexe: Male

Messages: 20

Je suis sur les traces de JE SUIS

Salut à tous je suis entrai de réaliser un menu verticale aui ne se présente pas de la méme manière sous firefox que sous internet expplorer. Une personne pourrait m'aider à comprendre le bug et son origine. je joint le code source :
Code:

<body >
   
   <div id="fichefaq">
   <h2>Foire aux Questions </h2>
      <div id="navcontainer">
         <ul>
            <li><a href="#"><span class="textparticulier">Animaux</span></a></li>
            <li><a href="#"><span class="textentreprise">Végétaux</a></li>

         </ul>
      </div>

   </div>

   

</body>

code source css :

#fichefaq
{
   width: 480px;
   margin: 0 auto;
   background-color:#fff;

}

#fichefaq h2
{
   margin-top:0px;
   margin-bottom:0px;
   background-color:
   color:#fff;
   height:30px;
}


/*
#navcontainer
{
   width: 100%;
   border: 1px solid green;
}
*/

#navcontainer
{
   width: 100%;
   border-right: 1px solid green;
padding:0 0 10px 0;
   background-color:#90bade;
   color:#333;

}
#navcontainer ul
{
   margin: 0;
   padding: 0;
   list-style: none;
border:none;

}
#navcontainer li
{
   border-bottom:1px solid #90bade;
margin:0px;
height:20px;

}
#navcontainer a
{
   display: block;
padding: 5px 5px 5px 0.5em;
   text-decoration:none;
   background-color: #cccccc;
   border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;

   width:100%;
}
html>body#navcontainer li a
{
   width: auto;
}

#navcontainer li a:hover
{
border-left: 10pxsolid #1c64d1;
border-right: 10px solid #5ba3e0;
   background: #eee ;
   text-decoration: none;
}

/code]