Création
d'entreprise
Posez votre question Signaler

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

aurel187kmp 11Messages postés 20 mai 2009Date d'inscription 7 avril 2011Dernière intervention - Dernière réponse le 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
http://img35.imageshack.us/my.php?image=firefoxq.jpg
IE
http://img35.imageshack.us/my.php?image=12488456.jpg
Je suis ouvert à toute proposition ou conseil afin de pouvoir réglé les problèmes!
Bonne après-midi!
Lire la suite 

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

2 réponses
Réponse
+0
moins plus
Dans ta partie css pour l'id #ToutEnHaut :

ton float : top est faux :
float prend seulement les valeurs left, right ou none
Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Ce document intitulé « [HTML/CSS] Problème de Menu FF/IE » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?