El tema de WordPress se muestra incorrectamente en Chrome

Tengo un problema con http://taxlienagents.com/ y cómo se muestra en Google Chrome. Cuando abro el sitio en Google Chrome, el área de pestañas central parece cubrir el texto principal que se encuentra arriba. Si le echas un vistazo este enlace, debería poder ver de lo que estoy hablando en comparación al abrir el sitio en FireFox. Intenté jugar con el índice Z, pero eso no pareció solucionarlo. El otro problema que parece tener es pasar los botones ("Cómo", "Entrenamiento" y "Hecho para usted"), el resaltado solo cubre alrededor de 2/3 del botón, creo que esto es un problema. con FancyBox.

Si alguien pudiera darme algún consejo sobre cómo solucionar esto, sería muy apreciado.

preguntado el 09 de marzo de 12 a las 22:03

Siempre que tenga un problema como este, una de las mejores cosas que puede hacer es validar su código. Aquí le doy el enlace: Validación W3C. Tenga en cuenta que tiene 52 errores. DESPUÉS de haber limpiado todo eso, es probable que esté mucho más cerca de poder descubrir por qué difiere entre FF y Chrome. -

Todos los problemas de validación están relacionados con los atributos y no parecen estar relacionados con el área de la pestaña. -

Puede ser, pero te sorprenderá lo mucho más simple que es solucionar este problema si SÍ lo limpias. -

Lo he reducido a 10 errores que no estoy seguro de qué hacer con todos los cuales son "no es miembro de un grupo especificado para ningún atributo". Todavía tengo problemas y no estoy seguro de qué hacer con ellos, ya que no fui el desarrollador original de este tema:

2 Respuestas

tienes varios errores relacionados con JS:

  • 1 Cargas jQuery 2 veces, en 2 versiones diferentes (una en el sitio, una de Google)

--> eliminar uno de ellos

  • 2 tiene un error en adia-paper.js que evita que Fancybox se active correctamente y bloquea la ejecución de JS.

--> intentar cambiar

$ (documento) .ready (función () {

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

a

jQuery (documento) .ready (function () {

    //contact form modal window
   jQuery("#form-trigger").fancybox({
    'width'             : 600,
    'height'            : 526,
    'autoScale'         : true,
    'transitionIn'      : 'fade',
    'transitionOut'     : 'fade'
  • 3 activas fancybox en un DIV no existente (#form-trigger)

    --> aunque no es la causa principal de su problema, es mejor activar JS solo cuando sea necesario...

Jquery: cuando se encuentra con un gran problema, bloquea y detiene la ejecución de cualquier función más adelante, y su "presentación de diapositivas" también está impulsada por JS. Los diferentes navegadores tratan esos errores de manera diferente, y también depende de la configuración de su propio navegador.

FF: Firebug Chrome y Opera dan los mismos errores de cónsul.

Si soluciona todos esos problemas y el problema persiste, podemos seguir eliminando errores, pero estoy bastante seguro de que uno de esos, o todos juntos, son los culpables.

EDITAR I todavía tiene otros errores, pero no creo que sean el problema. Sin embargo, creo que puede deberse a que editó el JS de letabs y agregó alguna expresión con respecto a la altura. extrañamente, Chrome establece la altura div le-tabs_content_container a 58 px .. creo que viene del guión . intente establecer las alturas para todos los divs de padres/hijos (y elimine ese script). Me funcionó al instante en el depurador.

respondido 10 mar '12, 07:03

He corregido todos esos errores y todavía parece que tengo problemas. user1249318

Veo eso con el depurador de Chrome. Acabo de quitar el script que agregué e intenté configurar la altura DIV en 370 px, pero parece que todavía lo configura automáticamente en 58 px: user1249318

En mi depurador, cuando configuro una altura, funciona; puede intentar configurarlo también en el div del contenedor e intentar agregar BLOQUEO ... - krembo99

Pude usar !important para establecer la altura de la pestaña inicial y parece estar funcionando - user1249318

Aqui estan sus ediciones de fichas http://validator.w3.org/check?uri=http%3A%2F%2Ftaxlienagents.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0. Antes de pedir ayuda, ayúdate validando tu código @validator.w3.org

respondido 10 mar '12, 01:03

Lo he reducido a 10 errores que no estoy seguro de qué hacer con todos los cuales son "no es miembro de un grupo especificado para ningún atributo". Todavía tengo problemas y no estoy seguro de qué hacer con ellos, ya que no fui el desarrollador original de este tema: user1249318

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.