[HTML/CSS] Problème de Menu FF/IE

Fermé
aurel187kmp Messages postés 14 Date d'inscription mercredi 20 mai 2009 Statut Membre Dernière intervention 7 avril 2011 - 20 mai 2009 à 15:13
aurel187kmp Messages postés 14 Date d'inscription mercredi 20 mai 2009 Statut Membre Dernière intervention 7 avril 2011 - 20 mai 2009 à 15:57
Bonjour, j'ai rencontré 2 problèmes :
-ma page d'accueil contient un menu en longueur type onglets avec listes déroulantes et jusque là je suis satisfait du résultat sur FF. Cependant, sur IE, mon menu a disparu. Je cherche donc à pouvoir visualiser ce menu sur FF et IE.
-j'obtenait une liste déroulante pour chaque onglet sur FF(nickel) mais sur IE les listes ne se déroulaient plus, on voyait donc seulement les onglets

voilà la partie CSS intéressante:
body
{
font: 11px verdana, sans-serif;
margin:0;
padding: 0;
text-align : center;
}
#Droite{
height:664px;
width:165px;
margin-top:-647px;
border-width:1px;
border-style:solid;
background-color:#FFFFFF;
float:right;
}

#Centre{
float:left;
margin:0;
border-width:1px;
}

#ToutEnBas{
height:30px;
width:1000px;
border-style:solid;
border:1px;
border-color:#FFFFFF;
}

#ToutEnHaut{
float:top;
background-color:#FFFFFF;
border-width:1px; border-style:solid;
height:188px;}
...


Et la partie HTML:

<body>

<div id="conteneur">

<div id="ToutEnHaut">
<img src=""/>
</div>



<div id="Centre">
<img src="blanc (833 x 664).jpg">
<div id="Droite">
...
<br><br>
...
</div>
</div>


<ul id="menuDeroulant">
<li>
<a href="#">La Commune</a>
<ul class="sousMenu">
<li><a href="#">Clohars-Fouesnant</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Histoire</a></li>
<li><a href="#">La commune et sa communauté</a></li>
<li><a href="#">Projet du Jumelage</a></li>
</ul>
</li>
<li>
<a href="#">La Mairie</a>
<ul class="sousMenu">
<li><a href="#">Les élus</a></li>
<li><a href="#">Les Conseils Municipaux</a></li>
<li><a href="#">Rescensement</a></li>
<li><a href="#">Les services municipaux</a></li>
<li><a href="#">Démarches administratives</a></li>
<li><a href="#">Etat Civil</a></li>
</ul>
</li>
<li>
<a href="#">Cadre de Vie</a>
<ul class="sousMenu">
<li><a href="#">Urbanisme et travaux</a></li>
<li><a href="#">Environnement</a></li>
<li><a href="#">Transport</a></li>
</ul>
</li>
<li>
<a href="#">Actions Sociales</a>
<ul class="sousMenu">
<li><a href="#">Personnes agées</a></li>
<li><a href="#">Petite Enfance</a></li>
</ul>
</li>
<li>
<a href="#">Les Commerces</a>
<ul class="sousMenu">
<li><a href="#">Epicirie</a></li>
<li><a href="#">Pizzeria</a></li>
<li><a href="#">Batiment</a></li>
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Les Associations</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Tourisme</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Patrimoine</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
</ul>

</div>

<div id="ToutEnBas">
<a href="mailto:mairie-de-clohars-fouesnant@wanadoo.fr">Nous Contacter</a>
<a href="Administration/login.php">Administration</a>
</div>

</body>

Voici ce qui l'en est:
FireFox
https://imageshack.com/

IE
https://imageshack.com/


Je suis ouvert à toute proposition ou conseil afin de pouvoir réglé les problèmes!
Bonne après-midi!
A voir également:

2 réponses

jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
20 mai 2009 à 15:47
Dans ta partie css pour l'id #ToutEnHaut :

ton float : top est faux :
float prend seulement les valeurs left, right ou none
0
aurel187kmp Messages postés 14 Date d'inscription mercredi 20 mai 2009 Statut Membre Dernière intervention 7 avril 2011
20 mai 2009 à 15:57
oui déjà j'aurais pu m'en apercevoir...arf :S Merci!
J'ai à peu près réussi à résoudre le problème d'affichage du menu sur IE et FF mais les listes se déroulent toujours pas sur IE :(
Je ne comprend pas pourquoi.
0