Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

¿Cómo adaptar sitio realizado con Bootstrap para que se vea en Internet Explorer 8

16 de abril de 2015

Aplique lo indicado por la documentación oficial, es decir después de los CSS puse script para soporte IE8:

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

Hago las pruebas de manera local y en IE8 no se centran los contenidos (uso la clase .container), todo queda al 100% y da un error que apunta al respond.min.js.

Bueno en los otros navegadores todo funciona bien, pero tengo que hacerlo compatible y responsivo para IE8.


Respuestas

#1

Efectivamente has hecho todo bien según la documentación oficial de Bootstrap. Sin embargo, cuando trabajas con Internet Explorer 8 tienes que tener en cuenta varias limitaciones:

1) El contenedor va a ocupar siempre toda la anchura del navegador. El motivo es que no funciona la propiedad max-width cuando se combina con el box-sizing: border-box; que usa Bootstrap. Esto sucede desde la versión 3.0.1 de Bootstrap, así que sólo podrías solucionarlo usando una versión más antigua de Bootstrap (algo que obviamente no se aconseja en absoluto).

2) Si usas los iconos por defecto de Bootstrap (los famosos Glyphicons) a veces fallan y no se ven bien. Me temo que no hay ninguna solución posible a este error.

3) Si usas el respond.min.js alojado en un servidor externo (que es como lo tienes tu) vas a tener errores si el archivo CSS también lo alojas en un servidor externo. Los pasos a seguir para solucionar este problema son bastante engorrosos, así que te aconsejo que sirvas todos los archivos localmente desde tu servidor, tanto los CSS como el archivo respond.min.js.

Como resumen, me gustaría aconsejarte que no te desesperes. Asume que Internet Explorer 8 tiene muchos problemas que hace imposible que una página diseñada con Bootstrap 3 se vea completamente bien. No importa cuando te esfuerces o lo que hagas, ya que esos problemas no tienen ninguna solución posible.

@javiereguiluz

16 abril 2015, 22:34
#2

muchas gracias me sirvió mucho busque mucho asta que lo encontré

@Davidforense

19 enero 2017, 15:55