- Blackberrys, iPhones, Antivirus Gratuitos, Juegos Flash, Tips… y mucho humor
- DaHouseCat
Censura Japón Anime y Manga http://bit.ly/9QXUP1 ^LA
Tip: Mi sitio web no se ve bien en Google Chrome
Bueno les cuento lo que me paso pues ya estaba enojado de que el tema de WordPress que hice para Bucaneros de Campeche se veÃa fatal en Google Chrome y Safari (este lo probe en mi iPhone).
El sÃntoma es que no parecÃa respetar etiquetas del CSS como background, color y los tamaños de letras; en un principio pensé que deberÃa modificar todo el CSS de nuevo para que se viera correctamente en el Google Chrome, que para mi sorpresa mucha gente lo ha empezado a usar ya, lo que no se es si se les pasará la novedad y dejaran de hacerlo.
Pues veamos el problema…
Aquà tenemos el screenshot original antes de corregir el error.
Como verán, el fondo no aparece en negro, las letras del sitio que deberÃan ser blancas se ven negras, los tamaños de letra del menú son enormes, el tipo de letra no es el mismo en todo el sitio… y por ahà hay algunos otros errores no tan visibles.
¿Pero a que se debe esto?
Este error puede ser muy común cuando agregamos comentarios o espacios al iniciar la hoja de estilos, esto solo pasará cuando usemos una hoja de estilos embebida, ya que al usar los estilos en la misma página tomará la codificación que se use dentro de la página.
En los temas de WordPress es común poner los datos que serán colocados como la descripción en el Panel de Temas y luego iniciar los estilos CSS, el problema se genera cuando no colocamos la instrucción @charset “utf-8″; al inicio de la hoja de estilos, es decir, @charset “utf-8″; debe ir antes que todo, no debe precederle ni siquiera un espacio.
Y eso no lo digo yo, lo dice la W3C: 4.4 CSS style sheet representation
Entonces corrigiendo el problemita, el código en el tema de WordPress queda asÃ:
Y ahora podremos checar en el Google Chrome y veremos que como por arte de magia la página toma los estilos tal como Firefox e Internet Explorer lo hace.
Y también se visualizará correctamente en el Safari, bueno al menos en el Safari del iPhone, y según dice Google, si se ve bien en Safari se ve bien en el Google Chrome asà que quiero pensar que se verá correctamente sobre el Safari en MacOS.
Aquà esta el screen del Safari en el iPhone:
Como verán ya toma los estilos correctamente. Si tienen más problemas deberÃan dar una leÃda a las preguntas frecuentes de Google Chrome, donde explican muchas cosas acerca del navegador y les dará ideas de como resolver otros problemillas. :laugh:
Asà que si tu sitio web se ve correctamente en Firefox e Internet Explorer y no en Google Chrome quizás tengas ese pequeño problemita.
6 Comentarios en “Tip: Mi sitio web no se ve bien en Google Chrome”
Escribe un Comentario
El contenido y algunas imagenes de DaHouseCat's Blog estan bajo la licencia de Reconocimiento-NoComercial-SinObraDerivada 2.5
Powered by Wordpress | and brought to you by DaHouseCat's Blogs
¿Vieron que era cierto cuando les dije que el Gato apesta? xD
@The_Fricky todo esto es por que tengo un iPhone y tu no ¿verdad? :guns:
Y por cierto creo que es más que obvio que el que metió la pata fuà yo :sleep:
No me culpes por ser cool!!!
no era mas facil scar una captura de pantalla en luigar de sacarle una foto al iphone? :/
@kassanmoor gracias a la actualización 2.0.2 mi installer :nono: tiene apps, ademas también me sirvió para aprender acerca de los ISOS y la exposición en mi Cámara digital para tomar fotos más claras :laugh:
Grax man.. ahora solo queda revisar mis “chammbonadas” desde chrome
jajaja! lo del iphone estuvo bueno toooma hahaha!
Hola :bye:
Muy interesante tu artÃculo!
Estaba a punto de comentar AlgoQueYaOlvidé, cuando vi que tus emoticonos se desbordan horriblemente hacia la derecha u.u … Sólo pasa en Opera (quien, so far, es más popular que Chrome :P).
Saludos ^^