Google Translate удаляет CSS

Я добавил приложение Google Translate на сайт, используя следующий код

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    autoDisplay: false,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}

</script><script src="//translate.google.com/translate_a/element.js?
cb=googleTranslateElementInit"></script>

Приложение работает на нескольких языках. При переводе на другие языки весь css удаляется.

Я слежу за определенными элементами (такими как li в заголовке или div), а затем запускаю перевод. Я вижу, что ни сценарии заголовков (например, css), ни элементы не изменяются приложением. Просто стили давно не применяются (firebug говорит мне: «Этот элемент не имеет правил стиля»)

Проблема возникает в Firefox, но не в Chrome или Opera.

Любые идеи, что здесь происходит?

перевод на африкаансфранцузский перевод


person Aidan Ewen    schedule 22.11.2011    source источник
comment
пожалуйста, покажите свою веб-страницу в качестве примера.   -  person Blowsie    schedule 22.11.2011
comment
Я добавил пару изображений.   -  person Aidan Ewen    schedule 22.11.2011
comment
мало пользы, по крайней мере для меня   -  person Blowsie    schedule 22.11.2011


Ответы (1)


В случае, если у кого-то еще есть такая же проблема -

PHP, который сжимает файлы css, добавлял заголовок к сценариям, поэтому

<link title="Default" media="screen" type="text/css" href="/modules/pd_smoothgallery/jd.gallery.css" rel="stylesheet">

был изменен на

<link title="Par défaut" media="screen" type="text/css" href="/modules/pd_smoothgallery/jd.gallery.css" rel="stylesheet">

Я удалил название, и перевод работает нормально для всех языков.

(не уверен, почему firebug не выделил это изменение, но это не так).

person Aidan Ewen    schedule 23.11.2011
comment
Еще лучше — добавьте 'class=notranslate' к элементу ссылки. - person Aidan Ewen; 02.12.2011