У меня есть навигационное меню, которое представляет собой серию divs, поочередно div с ссылкой меню, а затем div div 'menu separator', который содержит изображение ширины «разделителя» шириной 2 пикселя. Ширина разделительных divs составляет 24px, поэтому они образуют правильные разделения.Различные выравнивания в разных браузерах
На некоторых «ссылку меню» дива У меня есть регулярное парение выпадающего список с <\li> 's и т.д. Использованием Jquery, я делаю ширину <\li>-й в выпадающих ту же ширину родительского DIV в меню , а затем я добавляю 24px (поэтому он расширяется и выравнивается с разделителями двух разделителей) и добавляет левое позиционирование, поэтому появляется, что границы выпадающего списка простираются от разделителей.
В Firefox все в порядке. Но в Chrome и IE иногда бывает хорошо, а иногда и нет: в зависимости от содержимого основного «link link» div, из которого выпадающее меню падает, иногда выпадающее меню неправильно выравнивается иногда одним пикселем, иногда как 10 пикселей. В FF он отображается справа каждый раз, независимо от того, что содержимое ссылки меню div. В IE и Chrome это зависит от содержимого. например. «Художественное произведение» в разделителе ссылок меню может означать, что раскрывающийся список идеально подходит, но тогда «Художественный магазин» в том же самом div может означать, что выпадающее меню отключено на пиксель или два. Но в FF все нормально ...
Есть ли у кого-нибудь предложения, почему это может быть, или что может быть исправить? В браузерах отображаются разные буквы с разными пикселями? Является ли jQuery разной шириной по какой-либо причине в IE/Chrome, чем FF?
Мой код немного грязный и содержит изображения и не в Сети еще, так что я не могу легко показать примеры еще ...
Edit: Вы можете видеть пример, и как это не отображается одинаково во всех браузерах и с разным контентом, по адресу: http://jsfiddle.net/jaslfpihdaddle/aFAF9/7/. Я надеюсь, кто-то скажет мне, насколько я глуп, прочитал руководство, и все это легко исправлено! ;)
Добро пожаловать в веб-разработку! Хотя без кода, мы не можем помочь. –
Добавить код в pastebin.com. Возможно, проблема в CSS ... Я не могу дать вам вердикт в ваших проблемах :) –
Проверьте [это] (http://meta.stackexchange.com/questions/18584/how-to-ask-a-smart- вопрос), чтобы знать, как правильно задать вопрос .. и создать ссылку [jsfiddle] (http://www.jsfiddle.com), если вы задаете некоторый вопрос относительно 'css',' javascript' или браузера. –