Quise escribir esto ahora antes de que se me olvide ponerlo antes. Tomenlo como la voz de la experiencia: Wordpress + IE6 + Acentos en los comentarios de CSS = MALO. Llevo cerca de 5 horas peleandome y rompiendome la cabeza con el rediseño. ¿La situación? IE6 ignoraba completamente el código CSS que debía aplicar a un contenedor. El código XHTML era correcto, el CSS también; Firefox, Opera, IE7 lo mostraban correctamente. Incluso el archivo index.html que contenia el layout (sin pasar a Wordpress) era mostrado correctamente. ¿Qué estaba mal? IE6 - parecía ignorar qué hacer con ciertos divs y uls que tenía en el diseño. Y fue hasta hace unos 5 minutos que dí con la solución. Y para dar con la solución, primero hay que dar con el problema:
- /* Citas y Navegación */
- div#mid-y-nav {
- background: #212121 url('imagenes/menu-bg.jpg') repeat-x bottom left;
- padding: 40px 0 0 0
- }
- ul#paginas {
- height: 80px;
- width: 570px;
- margin: 0 auto;
- margin-top: 30px
- }
Eso era lo que yo tenía. "Caray, no veo ningún error. Los comentarios están correctamente cerrados y como mi index.html funciona correctamente, el error debe estar en el archivo .php de wordpress o algo que me genera". No estaba tan alejado de la realidad. Por alguna extraña y de más bizarra razón, el acento en la ó de navegación (que cabe destacar, está dentro de un COMENTARIO en CSS) afecta de alguna manera el código y hace que IE6 no haga nada con dicho código. No sé si soy el primero en usar acentos en los comentarios o qué pasa, pero este bug me parece de lo más curioso. Quiza escribo muy rápido (ando de prisa, disculpen), así que les va un resúmen de la situación:
Los hechos
- Tengo un archivo index.html dentro de mi carpeta del theme que comparte el CSS con Wordpress; para probar. IE6 muestra correctamente el archivo index.html, pero al correr Wordpress la cosa se friega. Conclusión: El problema lo tiene Wordpress.
- En mi archivo style.css tengo un comentario en CSS correctamente cerrado antes del código que no interpreta IE6. Este comentario contiene el caracter ó (letra o minúscula con acento).
- El código ignorado en el archivo style.css esta entre el comentario antes mencionado y el siguiente comentario del archivo.
El problema
- IE6 Ignora los estilos de algunos divs en mi layout de Wordpress. El bug sólo ocurre cuando estoy dentro de Wordpress, por lo que se presume que el error viene desde ahí.
- El código XHTML y CSS son correctos ante la W3C (y mis ojos también) por lo que un error de este tipo queda descartado.
La solución
Simplemente cambié el acento y lo dejé como o normal y el problema ha quedado resuelto. ¿Por qué? No tengo idea; pero para futuras referencias: NO USEN ACENTOS EN SUS COMENTARIOS DE CSS PARA THEMES DE WORDPRESS.
Nota: Al parecer, y después de experimentar un poco, esto sólo ocurre con la letra ó. Las demás vocales pueden ir acentuadas sin problemas. Curioso, sin duda.
Pues que mal que explorer tenga este tipo de defectos, pero en fin, siempre es así... Explorer por lo mismo de que tiene su propio estandar hace lo que se le da la gana pero en fin..
Que bueno que ya lograste corregir eso...
Codificación, o en todo caso, codificacion, para que IE no se moleste
UTF-8
De acuerdo con ImZyos.
De todas maneras, muy curioso el bug.
No pense que hasta en eso fuera tan "especial" el IE, entre más lo conosco, lo veo peor.
Sin duda el IE es una kk
A mí también me dio muuuuchos problemas !!!
Es asqueroso, pero la mayoría lo usa... así que hay que adecuarse nomás... no nos queda otra
Con las "ñ" tambien pasa. Y el problema es independiente del WordPress.
Solo: IE6 + acentos y eñes en comentarios de CSS
Tiene MUCHO que ver el charset, lo recomendable es que esté en utf-8.
Muy interesante el bug que has descubierto, y te felicito por el aspecto de tu web, ya que se ve innovadora. Es bueno conseguirse en internet páginas realmente distintas al resto.
Un saludo desde Venezuela