Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Список ul-li, разная ширина в браузерах (https://javascript.ru/forum/xhtml-html-css/41485-spisok-ul-li-raznaya-shirina-v-brauzerakh.html)

vlasenkov 16.09.2013 11:17

Список ul-li, разная ширина в браузерах
 
Здравствуйте!
Столкнулся с проблемой. Есть у меня меню (сделанное списком) на всю ширину сайта, имеет фон. Все элементы имеют ширину контента + отступы. Последний элемент имеет определенную ширину, заданную через css, чтобы он стыковался точно с краем сайта. Проблема в том, что ширина элементов в разных браузерах получается разной (в первый раз с таким столкнулся) и, соответственно, последний элемент либо не доходит до края сайта, либо ее пересекает.
Пример - http://jsfiddle.net/ARJCf/

Если просматривать через ФФ, то все ок, если через Оперу (например), то видно как край (желтый), выглядывает.

Единственное решение, которое мне пришло в голову это JS, но можно ли без него? Может быть есть какой-то хак для ФФ, потому как заметил, что только там ширина другая (в ИЕ не проверял)?

Подскажите пожалуйста, как с этим бороться? Спасибо!

рони 16.09.2013 11:48

vlasenkov,
а если так ? http://jsfiddle.net/ARJCf/2/

vlasenkov 16.09.2013 12:16

рони, спасибо за быстрый ответ. Я тоже об этом думал, но у меня почему-то не получалось. В этом примере, все сложилось. Я выложил текущий вариант из проекта, где проблема таким образом не решается :(
http://jsfiddle.net/ARJCf/7/

рони 16.09.2013 13:23

vlasenkov,
вариант http://jsfiddle.net/ARJCf/8/

vlasenkov 16.09.2013 13:57

рони,
У меня, в этом случае получается, что последний элемент выходит за пределы. В моем случае это было не критично и я сделал не 100%, а 90%. Получилось вроде приемлемо, но насколько это правильно и прочно не могу сказать.
Почему вообще возникает данная проблема?

Спасибо большое.


Часовой пояс GMT +3, время: 15:19.