Таблица переводов Google Translate в Firefox

Question

Я помогаю клиенту с сайтом электронной коммерции (работает на ProStores от eBay).

Проблема заключается в том, что базовая таблица стилей сайта ломается (отключается), когда страница переводится с помощью виджета Google Translate.Это происходит только в Firefox.Chrome, IE (6-9), Opera и Safari все в порядке.

Переводчик в FF работал до некоторых изменений, которые мы сделали недавно: в основном, графических, некоторые дополнения к таблице стилей.Мне пришлось на цыпочках вокруг их шаблонов, которые были построены с таблицами, устаревшим кодом и т. Д., Поэтому я ошеломлен, пытаясь устранить эту проблему.

Вот ссылка на сайт: http://www.myfantasticbags.com

(откройте в FF и используйте переводчик Google в области заголовка, чтобы увидеть проблему)

Заранее спасибо!

Answer 1

У меня была такая же проблема и большое разочарование по этому поводу.

Проблема, с которой я столкнулся, заключалась в том, что она переводила шрифты-меняющие размеры моего сайта - с 'large' на 'grande' и т. Д., Которые отбрасывали элемент font-resize и весь сайт.

Попробуйте добавить class = "notranslate" к любым элементам, которые, по вашему мнению, могут переводиться и отбрасывать вашу таблицу стилей.

Надеюсь, это поможет!

Korey

Answer 2

Добавьте class="skiptranslate" к тегу head.

Answer 3

Если у вас также есть ссылка на таблицу стилей предварительного просмотра, чтобы ваши посетители могли видеть, как будут печататься страницы, попробуйте следующее: размещение ссылки на вашу внешнюю таблицу стилей внутри элемента div с class = "notranslate" может не только исправить перевод в Firefox, а также при переключении между просмотром печати и CSS по умолчанию во всех браузерах. Я знаю, что div в тегах head нетипичны, но не вижу в этом никакой проблемы.