Linux версия firefox не корректно отображает сайт.

[iRusso]

Всем привет. Есть давно проблема. Linux версия firefox не корректно отображает сайт http://bvf.ru/forum/. Верхняя полоса "недвижимость, новости, совместные покупки..." наезжает на полосу с элементами управления. Элементы управления становятся не доступны. На ноутбуке помимо Ubuntu установлена еще Windows 10, там firefox отображает этот сайт корректно. На данном форуме уже создавалась тема с этой проблемой, но на нее там никто не ответил. http://bvf.ru/forum/showthread.php?t=1154214
Просьба помочь с корректным отображение сайта.
Фото firefox из Windows и из Ubuntu прилагаю.

(Нажмите, чтобы показать/скрыть)

верстия Linux
версия windows[spoiler/]
На данном форуме уже создавалась тема с этой проблемой, но на нее там никто не ответил. http://bvf.ru/forum/showthread.php?t=1154214
Просьба помочь с корректным отображение сайта.

[Peter_I]

Это бывает, если версия браузера слишком старая для данного сайта. У меня в Ubuntu-18.04 firefox показывает эот сайт нормально.
Попробуйте для сравнения открыть в Google Chrome.

[andytux]

"Если гора не идет к Магомеду, то Магомед идет к горе."

создавалась тема с этой проблемой, но на нее там никто не ответил

Если они плюют на тебя, то и ты можешь сделать то же самое.
Теоретически, создай-настрой свой стиль для этого сайта.
Открыл его в опере. В принципе получилось то, что у тебя в линукс-фоксе, элементы "логин-пароль" недоступны.
Включил "пользовательский стиль", и элементы "логин-пароль" стали доступны.
Визуально, разница в том, что в линукс-фоксе "Совместные покупки" разбивается на две строки. Может шрифт выбрать чуть помельче или поплотнее.

[zg_nico]

1. iRusso, откройте терминал (ctrl+alt+t). Выполните в нем команды (! в точности так, как они здесь приводятся):

Код: (bash) [Выделить]

mkdir $(echo $HOME/.mozilla/firefox/`egrep 'Default.*default' ~/.mozilla/firefox/profiles.ini | cut -d= -f2`)/chrome
cd $(echo $HOME/.mozilla/firefox/`egrep 'Default.*default' ~/.mozilla/firefox/profiles.ini | cut -d= -f2`)/chrome
touch userContent.css
nano userContent.cssПосле ввода последней команды терминал превратится в окно текстового редактора nano. Туда следует вставить такой код:

Код: (css) [Выделить]

@-moz-document domain(bvf.ru) {
#BVFMenuV2 .nav li a,
#BVFMenuV2 .nav li span,
#BVFMenuV2 .logo li a  {
padding: 12px 10px 13px !important;
}
}Далее нажать комбинацию клавиш Ctrl+X (это инициация выхода из nano), на запрос редактора о необходимости сохранения файла ответить положительно (Y), подтвердить имя файла для записи, нажав Enter. Файл готов.

(Нажмите, чтобы показать/скрыть)

На ввод команды

Код: (bash) [Выделить]

cat $(echo $HOME/.mozilla/firefox/`egrep 'Default.*default' ~/.mozilla/firefox/profiles.ini | cut -d= -f2`)/chrome/userContent.cssдолжен быть ответом код

Код: (css) [Выделить]

@-moz-document domain(bvf.ru) {                                                         
#BVFMenuV2 .nav li a,                                                                       
#BVFMenuV2 .nav li span,                                                                     
#BVFMenuV2 .logo li a  {                                                                         
        padding: 12px 10px 13px !important;                                                         
}                                                                                                   
}

Для понимания "зачем и что" смотрите хотя бы здесь.
2. Откройте настройки (в firefox новая вкладка, перейти на адрес about:config), найдите опцию toolkit.legacyUserProfileCustomizations.stylesheets, выставьте её значение в true.
К вопросу "зачем?" читать здесь.
3. Перезапустите браузер.
Результат:

[Пользователь]

Сейчас сайты оптимизируют под Google Chrome, а Firefox пытается угнаться за изменениями, Windows версию похоже обновили, а в линуксовой еще не успели.

Надо ждать обновления, может через пару релизов браузера исправят.

Если сайт очень важен, и нет желания ковыряться, то можно просто просматривать его в любом браузере на основе Chromium, рекомендую Brave - умеет удалять кэш и историю посещений при закрытии.

[AnrDaemon]

Это бывает, когда сайт верстается Censored. Разница в пару пикселей при подстановке шрифта и привет…

Правила форума
2. На форуме ЗАПРЕЩЕНО
2.1. Использовать ненормативную лексику в любом виде. В том числе сокращённые и искажённые нецензурные слова. Замена нецензурных слов спецсимволами также не допускается.

+30%
 --Aleksandru

[Пользователь]

В хромиумах этой проблемы нет.

[soarin]

Сейчас сайты оптимизируют под Google Chrome, а Firefox пытается угнаться за изменениями, Windows версию похоже обновили, а в линуксовой еще не успели.

Этот сайт ни под что толком не оптимизируется. Сделан "как умеют".
Даже https сертификата нет - всё красным в любом браузере.
Так что с новыми браузерами скорее только отвалится что-то...

[AnrDaemon]

Даже https сертификата нет

Это не показатель.

[thunderamur]

iRusso, название для темы "Как исправить кривую верстку на сайте".
Ну шрифты немного по-разному рендерятся, это нормально. Не нужно делать так, что пиксель вправо-влево и все разваливается. Эти позорники сверстали под свой ПК и браузер и довольны.

zg_nico, это починка того, что не сломалось.
Тут просто:

Код: [Выделить]

#BVFMenuV2 .nav li {
  white-space: nowrap;
}
Пользователь добавил сообщение 14 Декабря 2019, 16:08:43:

Сейчас сайты оптимизируют под Google Chrome, а Firefox пытается угнаться за изменениями, Windows версию похоже обновили, а в линуксовой еще не успели.

Надо ждать обновления, может через пару релизов браузера исправят.

Если сайт очень важен, и нет желания ковыряться, то можно просто просматривать его в любом браузере на основе Chromium, рекомендую Brave - умеет удалять кэш и историю посещений при закрытии.

Да причем тут браузер? Если сайт сверстан через жопу.

[Пользователь]

Автору то от этого не легче, проблему выявили, а решение либо ковыряться в конфигах, либо использовать хромиумы.

В верстке сайтов я не разбираюсь.

[Пользователь]

Раз проблема в рендеринге шрифтов, попробовал поменять в настройках браузера шрифты по умолчанию, выбрал по размерам похожие на виндовые, то есть Liberation, и сайт стал отображаться корректно.

Буду знать, благодарю за ликбез.

[Пользователь]

В браузере Brave оказалось в настройках указаны виндовые шрифты (Time New Roman, Arial, Monospace), поэтому в нем сайт отображается корректно.

[iRusso]

zg_nico, сделал по Вашей инструкции, все получилось. Большое спасибо!!!
В хромоподобных браузерах такой проблемы действительно нет. Вообще, всем спасибо за комментарии.

(Нажмите, чтобы показать/скрыть)

[spoiler/]

[Pilot6]

Сейчас сайты оптимизируют под Google Chrome, а Firefox пытается угнаться за изменениями, Windows версию похоже обновили, а в линуксовой еще не успели.

Полно обратных примеров. Поэтому я пользуюсь обоими браузерами.