IE5-IE6 estandar con IE7.js

IE7.js es una librería Javascript que permite hacer que Internet Explorer 5 y 6 se comporte como un navegador compatible con los estándares, es decir que corrige problemas de selectores de CSS e incluso los PNGs transparentes.

ie7

Características
Entre las características que presenta esta librería, tenemos selectores CSS, propiedades CSS y HTML, entre las cuales destacamos:

Selectores CSS

  • parent > child
  • :hover
  • :first-child
  • [attr]
  • [attr=”value”]
  • [attr*=”value”]
Propiedades CSS

  • background-image
  • cursor
  • display
  • max-height
  • max-width
  • min-height
  • min-width
  • position
HTML

  • PNGs transparentes
  • Doble margen
  • Contenido sin scroll

También corrige los PNGs transparentes y elimina el doble margen que se aplica cuando los divs están flotando a la izquierda.

Como utilizar esta librería
Para que IE5 y IE6 sean compatibles con Internet Explorer 6 se debe agregar las siguientes líneas al header de tu HTML.

  1. <!--&#91;if lt IE 7&#93;>
  2. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
  3. <!&#91;endif&#93;-->

Como se puede ver se hace uso de condiciones para cargar esta librería solo en el caso de que el Browser sea IE. También se puede descargar IE7.js para subirla a nuestro servidor, luego para incluir la librería tendríamos:

  1. <!--&#91;if lt IE 7&#93;>
  2. <script src="js/IE7.js" type="text/javascript"></script>
  3. <!&#91;endif&#93;-->

PNGs Transparentes
Hay que tener en cuenta que para los PNGs transparentes estos deben tener nombre que termine en -trans.png, es decir nuestros archivos serían por ejemplo: logo-trans.png o también bg-trans.png.

Compatibilidad con IE8
Ahora que también tenemos disponible Internet Explorer 8 la cual trae nuevas propiedades, también esta disponible la librería para la compatibilidad con esta versión de IE.

  1. <!--&#91;if lt IE 8&#93;>
  2. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  3. <!&#91;endif&#93;-->

Comentarios Total 11 comentarios


jay
Publicado: 29/03/2009 11:18 am

Pero a ver, si es para internet explorer 5 y 6 en vez de

1.

2.

3.

no deberia ser:

1.

2.

3.

?

jay
Publicado: 29/03/2009 12:27 pm

Veo que no salio mi comentario :S
A ver, si es para ie 5 y 6, por que lo incluyes en un if ie 7?

Chelos
Publicado: 29/03/2009 2:50 pm

El if ie7 en realidad pregunta, si es menor a ie7, lt, es el equivalente a < (menor que)

Saludos


[…] Unijimpe « Mi nuevo Blog – Dante Piazza Quiroga Dejar un […]

jay
Publicado: 01/04/2009 1:38 pm

Gracias por la aclaración


[…] Ver mas detalles en el artículo original. […]

Emmanuel
Publicado: 18/04/2009 10:36 pm

Hola, qusiera saber si alguien ya probo esto, yo baje el IE7.js y lo agregue a un sitio con el que tengo problems para IE6, pero en realidad no me reconoce nada de lo que me falla, especificamente no reconoce el float:right de css.

Si alguien ya le funciono, o sabe como solucionar esto se los agredeceria.

Saludos

osvaldo
Publicado: 20/04/2009 8:58 pm

Holas alguien me puede ayudar, en wordpress donde inserto este codigo, si me responde me avisan a mi email, gracias

Chelos
Publicado: 22/05/2009 9:16 am

Seria una gran herramienta, pero al menos a mi, no me funciona…


[…] unijimpe, me entero de que existe un script en Javascript que hace que IE5 e IE6 entienda la web como IE7, […]

ronkillo
Publicado: 02/06/2010 11:41 am

dices que se agrega en el servidor… pero en que parte de este???

podrias ayudarme??

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)