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ô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ôtellerie</a></li>
</ul>
</li>
<li><a href="#" class="Style18">Vie Scolaire</a>
<ul>
<li><a href="https://www.viescolaire.net"class="Style12">Evaluation élè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é</a></li>
</ul>
<!--Bannière -->
<!--Bannière -->
</li>
</ul>
</div>
</div>
|
Merci à tous
---------------
"Le partage du savoir, contribue à l'évolution du progrès"