ejdesigner

Os gustaría poder probar vuestro sitio web en diferentes versiones de internet explorer ?

La compañía Tredosoft a puesto a disposición de todos nosotros la aplicación Multiple IE que nos instala las versiones anteriores a internet explorer 7 (es decir, ie6/5/4/3), lo que nos puede resultar muy útil para verificar la correcta visualización de nuestro sitio web.

A continuación os ponemos el enlace para la descarga de la aplicación:

Descargar Multiple IE installer

Internet Explorer, versiones

Todos conocemos el método window.onload de javascript. Este método permite ejecutar una función/script, después de que se haya cargado todo el DOM incluidos script, imágenes, etc. A continuación os mostramos un método que nos resultará más útil:

function ready(func){

if (document.all && !window.opera){ 

document.write(’<script id=”contentloadtag”><\/script>’)  

var contentloadtag=document.getElementById(”contentloadtag”)

 contentloadtag.onreadystatechange=function(){    

if (this.readyState==”complete”)      

func();

 }

}

if(/Safari/i.test(navigator.userAgent)){

 var _timer=setInterval(function(){

 if(/loaded|complete/.test(document.readyState)){

   clearInterval(_timer)

   func();

 }}, 10)

}

if(document.addEventListener && !/Safari/i.test(navigator.userAgent))

 document.addEventListener(”DOMContentLoaded”, function(){func();}, false)

}

Con este método simplemente deberemos esperar a que se cargue la estructura del documento, sin tener que esperar a que se carguen los scripts o las imágenes. Puede ser útili, por ejemplo, para realizar una precarga de las imágenes de nuestra página web.

Javascript

Todos somos conscientes que para realizar una correcta maquetación de la página web, es necesario previsualizar la web en diferentes navegadores. A día de hoy, recomendamos utilizar IE6/7, Firefox 2 y para MAC Safari.

Seguramente todos nos hemos encontrado en la típica situación en que en un navegador todos los elementos de la página se visualizan correctamente y en cambio en otro se nos descuadran.

Para reducir el riesgo de que nos pase esto, existen diferentes instrucciones, personalemente recomendamos añadir esta instrucción al principio de nuestro documento css:

*{margin:0;padding:0}

CSS

Para todos aquellos que os esteis iniciando en el mundo de la maquetación os puede surgir más de una duda en cuanto a la propiedad height. Si añadimos la propiedad width:100% a cualquier elemento de la página web, automáticamente este ocupa el 100% del ancho de la ventana del navegador. Pero si hacemos lo mismo con la propiedad height esto no funciona. Esto es debido a que previamente hemos de especificarle a nuestro documento que tanto el documento html, como el body ocuparán también todo el alto de la ventana del navegador.

En resumen, para conseguir esto hay que añadir las siguientes instrucciones:

html, body {height:100%}

CSS

Existen multitud de alternativas para conseguir transparencias de imagenes “png” en internet explorer 6.

A continuación os presento una de estas alternativas, la cual nos ha resultado de gran ayuda y a mostrado óptimos resultados. 

unitpngfix.js (http://labs.unitinteractive.com/unitpngfix.php)

Para utilizar este script en nuestra página web solo tenemos que llamarlo desde la página, para ello recomiendo la siguiente instrucción:

<!–[if lt IE 7]>

<script type=”text/javascript” src=”js/unitpngfix.js”></script>

<![endif]–> 

El script detecta autómaticamente las imagenes transparentes y las modifica para su correcta visualización en IE6.

Transparencia png IE6