none
Aplicación en .net se ve mal en Internet Explorer y bien en Chrome y Firefox

    Question

  • Hola,

    Tenemos desarrollada en la empresa una aplicación .net que correo en un Windows 2008 R2 con IIS 7.5.

    La aplicación como dije está desarrollada usando .net. Utilizamos Visual Studio 2010 para su desarrollo. Es una aplicación sencilla en la cual utilizamos una hoja de estilos para dar formas redondeadas a algunos cuadros y botones y colocar las cosas en su sitio. 

    El caso es que cuando la aplicación se ejecuta en el entorno de Visual Studio 2010 se ve perfecta y todo funciona a la perfección. Ahora bien, cuando la pasamos al IIS para hacerla pública empiezan los problemas. Se pierden estilos, los botones no salen con los bordes redondeados, las columnas se juntan, al pasar el ratón por algunos campos esos campos se mueven e incluso tenemos columnas de longitud 0 que no se muestran en Visual Sudio y que sin embargo si se ven al pasarlo al IIS. 

    Ahora bien, eso solo pasa con Internet Explorer. Si la aplicación la abrimos con Firefox o Chrome se ve perfectamente. ¿A qué puede deberse? Hay que configurar algo adicional en el IIS?. Lo hemos instalado en un servidor desde 0 al que le damos el role de servidor web. 

    Si me puedes ayudar sería genial.

    Muchas gracias.

    Friday, February 08, 2013 12:57 PM

Answers

  • Hola Jorge.

    ¿Qué versión de IE estás usando?

    La respuesta que te da Jason es correcta pero incompleta. Los navegadores actuales difieren poco en la forma de presentar el contenido web a los usuarios, pero hay que tener en cuenta que los navegadores antiguos no cumplen esta situación y, en el caso concreto de IE6 e incluso IE7 había una gran diferencia con lo que uno hacía y veía en otros navegadores. A partir de IE8 esto ya apenas ocurre, pudiendo ver el contenido de cualquier web prácticamente igual en todos los navegadores. Como te decía, en la actualidad hay mínimas diferencias.

    Si tu caso es que estás usando un IE7 o inferior, no te asustes porque no se vea correctmente y deberías pensar en actualizarlo a una versión más actual IE9 o IE10.

    Si por el contrario estás usando IE9 o IE10 ya y tienes ese problema, es muy probable que se esté ejecutando la web en "vista de compatibilidad" con IE7, cosa que ocurre cuando se ve una web dentro de la red local. Escribí un artículo hace algún tiempo para solucionar esto http://geeks.ms/blogs/santypr/archive/2011/12/30/internet-explorer-9-vista-de-compatibilidad-por-defecto-para-sitios-de-intranet.aspx


    "En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"
    MCTS | SharePoint 2010, Application Development
    MCTS | SharePoint 2010, Configuring
    MS | Programming in HTML5 with JavaScript and CSS3 (MS)
    Twitter | @saintwukong

    • Marked as answer by Jorge1975 Wednesday, February 13, 2013 11:21 AM
    Friday, February 08, 2013 3:30 PM

All replies

  • Hola,

    El problema con la parte grafica es que los exploradores no implementan los estandares web de la misma manera o bien no los soportan todos, principalmente en casos como los que comentas de esquinas redondeadas y demas. A mi parecer tienes 2 Opciones:

    A) En las hojas de estilos en lugar de colocar uno solo, deberias investigar y agregar la definicion correcta del estilo para cada navegador que quieras soportar.

    b)Tratar de utilizar el modo de compatibilidad de IE. Esto se hace colocando en la pagina, entre las etiquetas <head></head> lo siguiente

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

    Saludos,



    Jason Ulloa
    Mi Blog San José, Costa Rica

    • Proposed as answer by José Barba Friday, February 08, 2013 1:47 PM
    Friday, February 08, 2013 1:08 PM
  • Hola Jorge.

    ¿Qué versión de IE estás usando?

    La respuesta que te da Jason es correcta pero incompleta. Los navegadores actuales difieren poco en la forma de presentar el contenido web a los usuarios, pero hay que tener en cuenta que los navegadores antiguos no cumplen esta situación y, en el caso concreto de IE6 e incluso IE7 había una gran diferencia con lo que uno hacía y veía en otros navegadores. A partir de IE8 esto ya apenas ocurre, pudiendo ver el contenido de cualquier web prácticamente igual en todos los navegadores. Como te decía, en la actualidad hay mínimas diferencias.

    Si tu caso es que estás usando un IE7 o inferior, no te asustes porque no se vea correctmente y deberías pensar en actualizarlo a una versión más actual IE9 o IE10.

    Si por el contrario estás usando IE9 o IE10 ya y tienes ese problema, es muy probable que se esté ejecutando la web en "vista de compatibilidad" con IE7, cosa que ocurre cuando se ve una web dentro de la red local. Escribí un artículo hace algún tiempo para solucionar esto http://geeks.ms/blogs/santypr/archive/2011/12/30/internet-explorer-9-vista-de-compatibilidad-por-defecto-para-sitios-de-intranet.aspx


    "En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"
    MCTS | SharePoint 2010, Application Development
    MCTS | SharePoint 2010, Configuring
    MS | Programming in HTML5 with JavaScript and CSS3 (MS)
    Twitter | @saintwukong

    • Marked as answer by Jorge1975 Wednesday, February 13, 2013 11:21 AM
    Friday, February 08, 2013 3:30 PM
  • Hola,

    Muchas gracias. Tenías razón, el tema era la vista de compatibilidad. Yo estoy usando en todos mis equipos IE 8 (para los XP) e IE 9 (Windows 7). A sido quitar lo de la Intranet en vista de compatibilidad y funcionar perfectamente.

    Muchísimas gracias.

    Wednesday, February 13, 2013 11:22 AM
  • Hola,

    Otra pregunta. ¿Se podría poner algo en ISS o en las páginas web desarrolladas para que no tenga que configurar todos los equipos para que no usen el modo de compatibilidad? Es decir, forzar a que nunca se use el modo de compatibilidad mediante alguna etiqueta.

    Gracias

    Wednesday, February 13, 2013 11:33 AM
  • Hola.

    La verdad es que no te sabría decir con seguridad, quizás poniendo un Host Header http://support.microsoft.com/kb/308163

    Podrías trasladar la pregunta al foro de IIS donde quizás te podrían responder a esta cuestión con mayor precisión.


    "En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"
    MCTS | SharePoint 2010, Application Development
    MCTS | SharePoint 2010, Configuring
    MS | Programming in HTML5 with JavaScript and CSS3 (MS)
    Twitter | @saintwukong

    Wednesday, February 13, 2013 12:05 PM