Я создал простой пример веб-сайта, чтобы показать вам проблему, с которой я сейчас сражаюсь:
http://examplesite.ohost.de/
В Firefox сайт отлично отображается, в Dreamweaver, на моем телефоне Android, и я думаю, что в других браузерах веб-браузера кнопки панели навигации отрезаны справа, и я думаю, что кнопки имеют немного большую ширину.
Вот несколько скриншотов:
Итак, что мне нужно изменить, чтобы получить аналогичный результат в Firefox в каждом браузере?
Теперь я тестировал его на новейших версиях Safari, Opera и Chrome, и они корректно отображают его.
Вы можете использовать размер исправления для navBtn, что-то вроде
.navBtn {
position: relative;
float: left;
line-height: 18px;
font-weight: bolder;
list-style: none outside none;
width: 100px;
}
Это поддерживает размер элемента.