Menu CSS déroulant, problème IE8

Menu CSS déroulant, problème IE8 - HTML/CSS - Programmation

Marsh Posté le 27-03-2010 à 09:19:32    

Bonjour à tous,
 
Je refais actuellement le site de mon établissement "je fais ce que je peux donc soyez pas trop méchant, j'ai pas de formation en web", et j'ai un problème avec mon menu déroulant.
 
Sous firefox, il fonctionne très bien, par contre sous IE8, dés que j'ouvre un menu, la mise en page du bas bouge, sous firefox ça reste propre.
 
Connaissez vous le soucis?

Spoiler :


<style type="text/CSS">
#menu {
height:;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:;
padding:0;
background-color:#0061FE;
}
#menu li a {
display:block;
width:116px;
color:orange;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
 
</style>
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<![endif]-->  
 
</style>


 
L'adresse du site, tout ne fonctionne pas encore:
 
http://webetab.ac-bordeaux.fr/Etab [...] ccueil.htm
 
Merci de vos réponse
 

Spoiler :


<div class="Style15" id="menu">
            <div align="center">
              <ul>
                <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/accueil.htm" class="Style18">Accueil</a>
                    <ul>
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/motproviseur.htm"class="Style12">Mot du Proviseur</a></li>
 
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm"class="Style12">Les Formations</a></li>
                    </ul>
                </li>
                <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm" class="Style18">Vente</a>
                    <ul>
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/capev1.htm"class="Style12">CAP Vente Option A</a></li>
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm"class="Style12">CAP Vente Option B</a></li>
 
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm"class="Style12">Bac 3ans Commerce</a></li>
                    </ul>
                </li>
                <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm" class="Style18">H&ocirc;tellerie</a>
                    <ul>
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm"class="Style12">CAP Cuisine</a></li>
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm"class="Style12">CAP Restauration</a></li>
 
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/pformations.htm"class="Style12">Bac 3ans H&ocirc;tellerie</a></li>
                    </ul>
                </li>
                <li><a href="#" class="Style18">Vie Scolaire</a>
                    <ul>
                      <li><a href="https://www.viescolaire.net"class="Style12">Evaluation &eacute;l&egrave;ves</a></li>
 
       <li><a href="http://courrier.ac-bordeaux.fr"class="Style12">Courrier académique</a></li>
       <li><a href="https://portailrh.ac-bordeaux.fr/iprof/ServletIprof"class="Style12">I-Prof</a></li>
       <li><a href="http://intralycees.aquitaine.fr"class="Style12">Intralycée ATTEE</a></li>
       <li><a href="#"class="Style12">L'administration</a></li>
                      <li><a href="#"class="Style12">Service Technique</a></li>
                      <li><a href="#"class="Style12">Animations</a></li>
 
                      <li><a href="#"class="Style12">L'internat</a></li>
                      <li><a href="#"class="Style12">Projets</a></li>
                    </ul>
                </li>
                <li><a href="#" class="Style18">Restaurant </a>
                    <ul>
                      <li><a href="http://webetab.ac-bordeaux.fr/Etablissement/LpLDarmanteCapBreton/mars2K10.html"class="Style12">Les menus</a></li>
 
                      <li><a href="#"class="Style12">Le restaurant</a></li>
                      <li><a href="#"class="Style12">Photos</a></li>
                    </ul>
                </li>
                <li><a href="#" class="Style18">A Propos de </a>
                    <ul>
                      <li><a href="#"class="Style12">Louis Darmant&eacute;</a></li>
 
                    </ul>
                  <!--Banni&egrave;re -->
                    <!--Banni&egrave;re -->
                </li>
              </ul>
            </div>
      </div>
 


 
Merci à tous


---------------
"Le partage du savoir, contribue à l'évolution du progrès"
Reply

Marsh Posté le 27-03-2010 à 09:19:32   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed