0 votes

Pourquoi mes menus déroulants ne fonctionnent-ils pas dans ie7 ?

Si vous consultez cette page : http://www.sussexjewelers.com/product_search.php?cid=69

Les menus déroulants (barre horizontale verte) ne se déroulent pas dans ie7. Ils le font dans ie6, firefox, et chrome. De même, si vous consultez la page d'accueil, les mêmes menus déroulants fonctionnent dans ie7. Je n'arrive pas à comprendre pourquoi ils ne fonctionnent pas sur cette page dans ie7. Ce sont de purs menus déroulants CSS.

Toute aide est appréciée.

Merci !

2voto

Guffa Points 308133

Vous avez un tas de balises style et script avant le document HTML proprement dit. Elles devraient se trouver dans la balise head de la page.

La balise doctype doit être la première balise dans la source, sinon IE rendra la page en mode quirks. D'autres navigateurs peuvent également la rendre en mode quirks, mais cela fait beaucoup plus de différence pour IE. Une grande différence est que la balise modèle de boîte est traitée de manière incorrecte.

Une fois que la structure de base du code est correcte, vous devez valider le html y le css pour voir s'il y a d'autres problèmes dans le code. Je vois tout de suite que vous avez un doctype HTML mais que vous utilisez des balises XHTML dans le code.

Si les menus ne fonctionnent toujours pas après avoir nettoyé le code, je pense qu'il s'agit d'un problème de z-index qui fait que les menus s'affichent mais sont cachés derrière le contenu principal. IE ne gère pas correctement le z-index pour les éléments qui ont une mise en page.

2voto

Macha Points 4488

Votre <style> y <script> doivent se trouver à l'intérieur de votre <head> et non en dehors de votre <html> étiquette.

Ajoutez également un DOCTYPE

XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Faites votre choix.

0voto

Jerph Points 2401

TonyF a raison. À l'avenir, essayez d'exécuter ceci dans votre barre d'URL pour voir si vous êtes réellement en mode Standards (CSS1Compat) ou en mode Quirks (BackCompat) :

javascript:alert(document.compatMode)

J'ai cela dans un bookmarklet dans IE.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X