Тема WordPress отображается неправильно в Chrome

Question

У меня проблема с http://taxlienagents.com/ и его отображением в Google Chrome. Когда я открываю сайт в Google Chrome, центральная область вкладок, кажется, покрывает основной текст над ним. Если вы посмотрите на эту ссылку , вы сможете увидеть, о чем я говорю, и открыть сайт в FireFox. Я пытался поиграться с Z-Index, но это, похоже, не помогло. Другая проблема, с которой я сталкиваюсь, заключается в том, что при наведении курсора на кнопки («Как», «Тренировка» и «Готово для вас») выделение охватывает только около 2/3 кнопки. с FancyBox.

Если бы кто-нибудь мог дать мне какой-нибудь совет, как это исправить, это было бы очень ценно.

Answer 1

у вас есть несколько ошибок, связанных с JS:

• 1 Вы загружаете jQuery 2 раза, в 2 разных версиях (одна на месте, одна из Google)

-> удалить один из них

• 2 у вас ошибка в adia-paper.js, из-за которой Fancybox не запускается правильно - и блокирует выполнение JS.

-> попытаться изменить

$ (документ) .ready (function () {

   $("#form-trigger").fancybox({
    'width'             : 600,
    'height'            : 526,
.....

до

jQuery (документ) .ready (function () {

    //contact form modal window
   jQuery("#form-trigger").fancybox({
    'width'             : 600,
    'height'            : 526,
    'autoScale'         : true,
    'transitionIn'      : 'fade',
    'transitionOut'     : 'fade'

• 3 вы запускаете fancybox на несуществующем DIV (# form-trigger)

  -> хотя это не является основной причиной вашей проблемы, лучше запускать JS только при необходимости ...

Jquery - при возникновении большой проблемы блокирует и останавливает выполнение каких-либо функций в дальнейшем, и ваше «слайд-шоу» также управляется JS. Различные браузеры по-разному обрабатывают эти ошибки - и это также зависит от ваших собственных настроек браузера.

FF - Firebug Chrome и Opera выдают одинаковые ошибки консула.

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

EDIT I ​​ у вас все еще есть другие ошибки - но я не думаю, что они являются проблемой. Тем не менее, я считаю, что это может быть потому, что вы отредактировали letabs JS и добавили некоторое выражение, касающееся высоты. как ни странно, chrome устанавливает высоту div le-tabs_content_container в 58 px. Я полагаю, что это происходит из сценария. попробуйте установить высоту для всех div / родительских / дочерних элементов (и удалите этот скрипт) - у меня он сразу заработал на отладчике ..

Answer 2

Вот ваши проблемы с вкладками http://validator.w3.org/check?uri=http%3A%2F%2Ftaxlienagents.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0. Прежде чем обращаться за помощью, помогите себе, проверив свой код @ validator.w3.org