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

Question

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

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

Answer 1

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

• 1 загрузке JQuery 2 раза, в 2-х различных вариантах (один на месте, один из Google)

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

• 2 у вас есть ошибка в Adia-paper.js, которая держит FancyBox от запуска вправо - и блокирует выполнение JS.

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

$ (документ) .ready (функция() {

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

к

JQuery (документ) .ready (функция () {

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

• 3 Вы вызываете FancyBox на несуществующие DIV (# форма-триггер)

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

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

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

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

EDIT Я вас все еще есть другие ошибки - но я не думаю, что это проблема. Однако я верю, что это может быть потому, что вы отредактировали letabs JS и добавили некоторое выражение относительно высоты. странно хром устанавливает высоту div le-tabs_content_container - 58 пикселей. Я считаю, что это исходит из сценария. попробуйте установить высоты для всех родительских/дочерних 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