Extraño problema con IE8. Por favor, ayuda.

[lmartin]

Hola, saludos a todos. Soy nuevo en el foro.

Quisiera por favor que comprobaseis si sois tan amables con el IE8 si se muestra bien la siguiente página:

[URL="http://mas.levante-emv.com/especiales/postales-navidad/"]http://mas.levante-emv.com/especiales/postales-navidad/[/URL]

Haciendo una prueba con este navegador, me he llevado un gran susto al ver que los pasos 1, 2 y 3 del envío de la postal no se ajustan bien sus anchos, como si estuviera usando la configuración de cajas de versiones previas (5.5) en las que el ancho asignado incluía el padding.

Comprobando con la herramienta Web Developer Toolbar de IE (pobre e incómoda comparada con el Firebug de Firefox, algo extensible también a los navegadores) he visto en una opción llamada "Modo de documento" que estaba seleccionado como "Modo de documento: No estándar". Al cambiarlo a "Modo de documento: Estándar Internet Explorer 8" se ha arreglado el layout CSS de la página. Y ahora está seleccionada como predeterminada esta opción, de forma que al reabrir o refrescar el navegador, ya sale todo bien.

Pero lo que me preocupa es que alguna actualización de Windows haya provocado esto, ya que yo no toqué nada del Explorer. Si fuera así, muchos usuarios verían de antemano la página con los elementos descolocados. Esto es lo que me gustaría que alguien me aclarase.

Gracias y un saludo.

[punk567]

Hola, lo que puedes hacer es definir una hoja de estilos para cada versión de IE que sobrescriba el original

luego de definir el css principal para todos los navegadores:

<!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->

<!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->

<!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->

[lmartin]

Bueno sí, es una posibilidad que no se me había pasado por la cabeza. Gracias!

De todas formas antes de hacer eso quisiera saber si realmente esto ocurre de forma generalizada en los IE8 y 7. Lo he probado desde el IE8 de mi casa y va bien, incluso con el IETester en versión 7 lo he visto bien. Probablemente ha sido algo del navegador de mi PC en el trabajo.

Un saludo!

[punk567]

con el grandioso IE nunca se sabe

[Portgaz]

Iniciado por punk567

con el grandioso IE nunca se sabe

Concuerdo con el, nunca se sabe... Mejor agrega css para cada version de IE, asi no te preocupàras por cuantos usuarios ven tu pagina en IE.

[kseso?]

Iniciado por punk567

Hola, lo que puedes hacer es definir una hoja de estilos para cada versión de IE que sobrescriba el original

¿Cómo? Así, de entrada, sin saber qué falla, si es que falla algo, me parece, cuando menos, descabellado.

En ie8 emulado en ietester no hay tal problema.

Lo que sí le sugiero, para evitar el scroll kilométrico en blanco que tiene, es que cambie:

div#snippets {
opacity: 0;
visibility: hidden;
display: none;
}

[punk567]

No claro, si nada falla mejor, lo ideal sería poder usar una sola hoja de estilos sin pensar en el navegador, debería ser algo genérico.

Pero con IE cuando la página tiene una estructura compleja, por lo general surgen problemas de visualización, y es bueno utilizar los .css extras.