¿Cómo solucionar el problema de visualización de la imagen de cabecera en IE9/WordPress Twenty Ten?

17 sept 2010, 17:05:49
Vistas: 1.56K
Votos: 1

Acabo de instalar IE9. Se ve bien. Estadísticas impresionantes sobre lo que funciona en IE9.

Una cosa que no funciona. En cualquier sitio que use Twenty Ten, la imagen predeterminada se desplaza a la derecha y solo es parcialmente visible.

No encontré ninguna solución, solo un montón de opiniones en wordpress.org.

¿Alguien sabe realmente si esto es un problema de IE9 o de WordPress? ¿Y hay alguna solución? He probado otros temas y parecen funcionar bien.

1
Comentarios

Si este problema solo ocurre en IE9, entonces es un problema de IE9. TwentyTen funciona bien en todos los demás navegadores... También, ten en cuenta que IE9 todavía está en beta y como tal no debería considerarse "completo" hasta su lanzamiento oficial. Es probable que cualquier error que esté causando tu problema de alineación se resuelva antes del lanzamiento oficial del producto.

EAMann EAMann
17 sept 2010 17:28:49
Todas las respuestas a la pregunta 1
3

Es un error. Consulta el Ticket#14883 de WordPress Trac. Si cambias

#branding img {display:block;} por display:inline; se corrige el desplazamiento de la imagen hacia la derecha pero no soluciona el espacio en blanco entre el borde.

Actualización:

El ticket aún no ha sido aceptado como un error pero se ha enviado un parche.

Actualización

El parche ha sido aceptado y el problema de visualización de la imagen del encabezado en IE9 se solucionará en la próxima versión.

17 sept 2010 19:09:12
Comentarios

Para solucionar el espacio en blanco, agrega lo siguiente exactamente debajo del bloque #border img: #branding { line-height: 0; }

Igal Tabachnik Igal Tabachnik
20 sept 2010 16:36:49

@hmemcpy buena observación. ¿Sabemos si esto es un error de CSS o un error de Twentyten todavía? No he tenido oportunidad de investigar los estándares y soy más un Hacker de CSS que un Ninja.

Chris_O Chris_O
20 sept 2010 17:26:54

Lo siento, lo más que he hecho con CSS es activar y desactivar varias propiedades en Firebug :)

Igal Tabachnik Igal Tabachnik
20 sept 2010 20:09:43