Foros del Web - Ver Mensaje Individual - Iframe height 100% no funcina en IE ni Firefox

abimaelrc · #4 (**permalink**) 17/08/2009, 01:33

Bueno lo probe y tienes razon tienes problemas con el iframe. Pero surge por el doctype, pero aun así vas a tener que usar javascript para lograr el iframe al 100%. Encontre un ejemplo en internet verifica si te es útil.

Código html:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<HEAD> 
<TITLE>Iframe with 100% height - guymal.com</TITLE> 
<script language="JavaScript"> 
<!--
 
function resize_iframe()
{
    var height=window.innerWidth;//Firefox
    if (document.body.clientHeight){
        height=document.body.clientHeight;//IE
    }
    document.getElementById("iframe1").style.height=parseInt(height-document.getElementById("iframe1").offsetTop-8)+"px";//resize the iframe according to the size of the window
} 
window.onresize=resize_iframe; //instead of using this you can use: <BODY onresize="resize_iframe()">
//-->
</script> 
</HEAD> 
 
<BODY> 
<iframe src="b.html" id='iframe1' width="100%" onload='resize_iframe()'></iframe> 
</BODY> 
</HTML>

Tienes que declarar el doctype igual como te menciono. Aqui esta la pagina donde encontre el codigo