Google Chrome Toolbar rompiendo el diseño del sitio web

Tengo un problema con Google Chrome: 19.0.1084.52 m cuando tengo el Ask Toolbar instalado se rompe el diseño del sitio web.Google Chrome Toolbar rompiendo el diseño del sitio web

Ver pantalla de impresión: enter image description here

¿Es el comportamiento habitual de que las barras de herramientas en Chrome efectuaría la página web?

EDIT: Supongo que debo envolver todo dentro de un <div> y mover la imagen de fondo del <body>, aunque ¿hay una mejor opción sin agregar este marcado extra?

Website link

Fuente

2012-06-08 John Magnolia

no voy a pensar que esto se debe a que la barra de herramientas de emisión favor compartido su enlace jsFiddle de trabajo o cualquier otro sitio web de enlace directo .. podemos entender mejor. –

Google Chrome Toolbars funciona de forma que incluyen contenido dinámico en la página con un posicionamiento absoluto. ¿Puedes proporcionar un enlace a dicha página? –

¡Me encontré con esto también! Sin embargo, hizo un desorden mucho más grande de mi diseño. – Patricia

Un fragmento de Javascript puede deshabilitar la barra de herramientas preguntar en chrome. ¡Espero que esta función se extienda rápidamente!

function removeAsk(){ 
    if(document.getElementById("apn-null-toolbar") != null){ 
     // mainMenu had a style change for its top positioning, returning it to normal 
     // perhaps a function can be made which iterates over every element ask has changed 
     document.getElementById("mainMenu").style.top = "-16px"; 
     // Just remove the iframe and style elements 
     (elem=document.getElementById("apn-null-toolbar")).parentNode.removeChild(elem); 
     (elem=document.getElementById("apn-body-style")).parentNode.removeChild(elem); 
    } 
}

Llame a este método después de onload cuerpo

<body onload="removeAsk()">

Fuente

2013-03-08 17:12:14 Toby

No hay extensiones de Chrome API para crear una barra de herramientas para la extensión mencionada debe haber creado a través de la escritura de contenido. Lo que significa es que para cada página que abre, esta extensión inyecta los archivos CSS y JavaScript para crear un elemento DOM dentro de la página que actúa como una barra de herramientas. El problema con esta solución es que al usar el script de contenido es posible estropear el aspecto del sitio web o incluso la forma en que funciona.

Fuente

2012-06-08 09:39:31

¡Qué broma, así que nunca podremos agregar una imagen de fondo a la posición de "cuerpo" sin envolver todo en un div extra inútil –

I ' No estoy seguro de por qué le importan las personas que tienen esta extensión instalada? Probablemente hay muchas extensiones de Chrome mal codificadas que rompen los diseños en algunas páginas. No hay forma de crear un sitio web que esté protegido contra estas extensiones. Y no tiene sentido intentar proteger su sitio de esto en primer lugar. No es su problema, es un problema del lado del usuario. –

Las extensiones se instalan automáticamente con algunas actualizaciones de Adobe en Windows XP cuando el usuario no desactiva la casilla de verificación y es difícil de desinstalar para algunas personas. – Paco

Me encontré con este mismo problema exactamente con la barra de herramientas Preguntar. Básicamente eliminé mis atributos de posicionamiento y top/left/right/bottom 's y los reemplacé por márgenes. El margen usa menos espacio y sale más limpio.

Aunque estoy de acuerdo, es un poco ridículo acomodarse a una barra de herramientas porque el usuario final podría tener todo lo instalado que se rompe y le da errores de diseño. Incluso las extensiones de Skype romperán un diseño simplemente cambiando el número de teléfono.

Así que no hay mucho que pueda hacer, pero use márgenes y mantenga CSS al mínimo. Solo mis 2 centavos. y si tiene que usar CSS, entonces quédese con los márgenes.

Fuente

2013-01-23 18:30:31 Detphx

Google Chrome Toolbar rompiendo el diseño del sitio web

Respuesta

Cuestiones relacionadas