J'ai un menu nav qui est une série de divs, alternativement un div avec un lien de menu et ensuite un séparateur 'menu separator' qui contient une image 'séparateur' large de 2px. La largeur du séparateur divs est de 24px donc ils forment des séparations correctes.Alignement différent dans les différents navigateurs
Sur certaines de lien du menu 'divs j'ai un menu déroulant hover régulier avec <\li> « s, etc. En utilisant Jquery, je fais la largeur des <\li> » dans les menus déroulants de la même largeur que la div parent dans le menu , puis j'ajoute 24px (donc il s'étend et s'aligne avec les images séparatrices des 2 séparateurs) et ajoute le positionnement à gauche pour qu'il apparaisse que les bordures du menu déroulant s'étendent à partir des barres de séparation.
Dans Firefox, tout va bien. Mais dans Chrome et IE, parfois c'est bien et parfois non: En fonction du contenu du div principal du menu 'menu' duquel la liste déroulante descend, parfois la liste déroulante est mal alignée par parfois un pixel, parfois 10 pixels. En FF, il s'affiche à chaque fois, quel que soit le contenu du lien de menu div. Dans IE et Chrome, cela dépend du contenu. par exemple. "Artwork" dans le menu link div pourrait signifier que la liste déroulante s'aligne parfaitement, mais alors "Artwork Shop" dans ce même div pourrait signifier que la liste déroulante est éteint par un pixel ou deux. Mais dans FF tout va bien ...
Quelqu'un a-t-il des suggestions pour lesquelles cela pourrait être, ou ce qui pourrait être une solution? Les navigateurs affichent-ils des lettres différentes avec des pixels différents? Est-ce que jQuery obtient des largeurs différentes pour une raison quelconque dans IE/Chrome que FF?
Mon code est un peu en désordre et contient des images et pas sur le Web mais je ne peux pas facilement montrer des exemples encore ...
Edit: Vous pouvez voir un exemple, et comment n'affiche pas le même dans tous les navigateurs, et avec un contenu différent, à: http://jsfiddle.net/jaslfpihdaddle/aFAF9/7/. J'espère que quelqu'un va me dire à quel point je suis stupide, lire le manuel, et tout est facilement réparable! ;)
Bienvenue sur le développement web! Bien que sans code, pas beaucoup nous pouvons aider. –
ajoutez le code à pastebin.com. Peut-être que le CSS est le problème ... Je ne peux pas vous donner un verdict dans votre problème :) –
Cochez [this] (http://meta.stackexchange.com/questions/18584/how-to-ask-a-smart- question) pour savoir comment poser une question bien .. et créer un lien [jsfiddle] (http://www.jsfiddle.com) si vous posez des questions concernant 'css',' javascript' ou un navigateur connexe .. –