У меня есть навигационное меню, которое представляет собой серию div, поочередно div с ссылкой на меню, а затем div с разделителем меню, который содержит изображение разделительной полосы шириной 2 пикселя.Ширина разделителей div равна 24px, поэтому они образуют правильное разделение.
В некоторых div-элементах 'menu link' у меня есть обычный выпадающий список с <\li> и т. Д. Используя Jquery, я делаю ширинуиз <\li> в выпадающих меню такой же ширины, как и его родительский div в меню, а затем я добавляю 24px (таким образом, он расширяется и выравнивается с изображениями разделителей 2-х div-разделителей) и добавляю левое позиционирование, так что получается, чтоГраницы выпадающего меню простираются от разделительных полос.
В Firefox все хорошо.Но в Chrome и IE иногда это хорошо, а иногда нет: в зависимости от содержимого основного элемента div «ссылка на меню», из которого открывается выпадающий список, иногда выпадающий список выравнивается неправильно на один пиксель, иногда на 10 пикселей.В FF он отображается правильно каждый раз, независимо от того, что содержимое меню ссылки div.В IE и Chrome это зависит от содержимого.например.«Artwork» в ссылке на меню div может означать, что выпадающий список идеально выровнен, но тогда «Artwork Shop» в том же div может означать, что выпадающее меню отключено на один или два пикселяНо в FF все хорошо ...
У кого-нибудь есть предложения, почему это может быть, или что может быть исправлением?Браузеры отображают разные буквы с разными пикселями?JQuery по какой-то причине получает в IE / Chrome другую ширину, чем FF?
Мой код немного запутан, содержит изображения и еще не находится в Интернете, поэтому я пока не могу легко показать примеры ...
Редактировать: Вы можете увидеть пример и то, как он не отображается одинаково во всех браузерах и с различным содержимым, по адресу: http://jsfiddle.net/jaslfpihdaddle/aFAF9/7/.Я надеюсь, что кто-то скажет мне, насколько я глуп, прочитал руководство, и все это легко исправить!;)