Список ul-li, разная ширина в браузерах
Здравствуйте!
Столкнулся с проблемой. Есть у меня меню (сделанное списком) на всю ширину сайта, имеет фон. Все элементы имеют ширину контента + отступы. Последний элемент имеет определенную ширину, заданную через css, чтобы он стыковался точно с краем сайта. Проблема в том, что ширина элементов в разных браузерах получается разной (в первый раз с таким столкнулся) и, соответственно, последний элемент либо не доходит до края сайта, либо ее пересекает. Пример - http://jsfiddle.net/ARJCf/ Если просматривать через ФФ, то все ок, если через Оперу (например), то видно как край (желтый), выглядывает. Единственное решение, которое мне пришло в голову это JS, но можно ли без него? Может быть есть какой-то хак для ФФ, потому как заметил, что только там ширина другая (в ИЕ не проверял)? Подскажите пожалуйста, как с этим бороться? Спасибо! |
vlasenkov,
а если так ? http://jsfiddle.net/ARJCf/2/ |
рони, спасибо за быстрый ответ. Я тоже об этом думал, но у меня почему-то не получалось. В этом примере, все сложилось. Я выложил текущий вариант из проекта, где проблема таким образом не решается :(
http://jsfiddle.net/ARJCf/7/ |
vlasenkov,
вариант http://jsfiddle.net/ARJCf/8/ |
рони,
У меня, в этом случае получается, что последний элемент выходит за пределы. В моем случае это было не критично и я сделал не 100%, а 90%. Получилось вроде приемлемо, но насколько это правильно и прочно не могу сказать. Почему вообще возникает данная проблема? Спасибо большое. |
Часовой пояс GMT +3, время: 15:19. |