A pesar de que cada vez tienen menos cuota de mercado, Internet Explorer 7 y 8 siguen siendo necesarios en algunos proyectos. La mayor parte de los nuevos desarrollos web se crean sobre HTML5 y CSS3, no poder utilizar las posibilidades que brindan ambos debido a la necesidad de dar soporte a Internet Explorer no es justo.
El primer problema que encontramos en ambas versiones de Internet Explorer, es que no es posible aplicar estilos CSS a las etiquetas HTML5 que utilicemos. Para poder hacerlo, deberemos incluir la librería htmlshiv, que nos permitirá definir estilos sobre estas etiquetas.
Otro problema común que nos encontramos en estás versiones es la imposibilidad de utilizar medias queries, para ajustar el contenido a las distintas resoluciones de pantalla. Este puede problema puede resolverse utilizando la librería respond.js, incluyendo esta librería lograremos que Internet Explorer 7 y 8 apliquen las medias queries definidas.
CSS3 no está soportado plenamente en Internet Explorer, si tenéis dudas sobre que elementos CSS o HTML5 están soportados por Internet Explorer, o por otro navegador, podéis consultarlos en la web caiuse.
Otro recurso muy interesante, es Modernizr. Se trata de una librería que permite detectar el soporte para HTML5 y CSS3. Podemos elegir los elementos que la libería comprobará, si construimos una versión personalizada de la librería además podremos incluir htmlshiv en ella.
Su funcionamiento es muy sencillo, al arrancar vuestra página html, la librería inyectará en el atributo class de la etiqueta html una serie de selectores que nos permitirán detectar por ejemplo, cuando un navegador cumple o no alguna regla CSS3.
Utilizando estos selectores podemos proveer a nuestra web de un estilo alternativo que simule este funcionamiento. Por ejemplo: si obtenemos una clase no-border-radius, podremos utilizar este selector para alcanzar el elemento donde queremos aplicar bordes redondeados y aplicar una técnica alternativa como el uso de imágenes.