Ir a la comunidad

Diseño y Programación Web

Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 17,243 Miembros
  • 12,988 Temas
  • 4,986 Seguidores
Hace más de 1 año
  • 0

[Solucionado]¿Hack css sólo para Chrome?

Hola, ¿Cómo están?. :B

Tengo un problema posicionando un encabezado, en todos los navegadores se ve perfecto, a excepción de Chrome.

Lo que quiero saber es que si ustedes saben alguna forma de que Chrome tenga un archivo .css que sólo el lo "renderize" ó en su defecto un hack para sobrescribir una clase.

Busqué por todos lados y encontré el siguiente js:

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(is_chrome){
document.write('<link rel="stylesheet" href="/media/chrome.css" type="text/css" /> ');
}

Y funciona, pero en el footer me aparece un recuadro blanco. Su tamaño es aleatorio cuando recargo la página.


Url: http://k42.kn3.net/EF9D67B55.png

Gracias, que estén muy bien. :3

Actualizo:


Demo: http://www.macosfera.com/tacocss/index.php

El problema está en: <h1><i>escribe</i> <strong>css</strong> <strong>css3</strong> <em>en español</em></h1>

Y el css en las clases: section#intro h1 i {} section#intro h1 strong{} section#intro h1 em{}
(No pego el código css completo para no revolver tanto)

~Solucionado~

Encontré la solución, usando php para incluir un .css sólo para chrome con:
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== false)
{
    echo 'estilo.css';
}


Gracias y saludos.
  • 0
  • 1Calificación
  • 0Seguidores
  • 900Visitas
  • 0Favoritos

3 comentarios

@theasfo Hace más de 1 año
Pega tu código y una posible demo...
@fullvice Hace más de 1 año
Si dejas tu codigo y una demo, te ayudamos, ahora, yo te recomiendo que lo modifiques para que chrome lo muestre bien, porque seguro tu codigo esta mal... todas las cosas que hago, las hago manteniendo standars, nada de cosas raras con jquery, sino con css y andan a la perfeccion en chrome... pero en firefox flashea cualquiera a veces... asi que fijate bien porque chrome lee perfecto css y html.... firefox y IE hacen lo que quieren...
@beatlero18 Hace más de 1 año
theasfo dijo:



fullvice dijo:


Gracias por sus respuestas, acá subí el demo, perdón por el código desordenado:

http://www.macosfera.com/tacocss/index.php
Los comentarios se encuentran cerrados
Tienes que ser miembro para responder en este tema