0

@charset en CSS con Safari

Si los estilos de tu página se ven bien en todos los navegadores menos en Safari y usas @charset en tu hoja de estilos, lo más probable es que esté mal colocada.

El @charset indica la codificación de caracteres en una hoja de estilos CSS. Tiene que ir al principio de ésta y no puede haber nada antes, ni siquiera comentarios.

@charset "utf-8";

Después vendrán todos los comentarios y el resto de la hoja de estilos.

Esto lo aprendí de la manera más dura. Todos los navegadores mostraban bien una de mis páginas, menos Safari. Revisé margins y paddings (que más de una vez me han solucionado la papeleta) pero todo seguía igual. Al final descubrí que tenía unos comentarios en el CSS antes del @charset y cuando lo moví a la primera línea, todo volvió a verse bien. ¡Mucho cuidado con esto!

Comentar

*

*

Para añadir código formateado, escribe el código entre <pre lang="php" line="1"> y </pre>

Si quieres un avatar personalizado, créate uno en gravatar.com con tu dirección de correo. Cada vez que comentes con ese correo, aparecerá tu avatar personalizado.