Soy nuevo por aquí, y tras algún tiempo leyéndoos en la sombra, me he decidido a plantearos una pregunta. A ver si alguien puede echarme una mano.
Quiero conseguir esto:
es decir:
Dividir el alto TOTAL de la ventana en tres filas:, tal que:
superior: 30px
inferior: 15px
medio: "lo que quede" (en "frames", sería "*"), aunque no puedo adoptar esta solución tan rápida.
Lo más cercano que tengo a la solución, sería:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><style>body {height:100%;}</style></head>
<body>
<div style="height:100%; position: absolute; top:0px; left:0px;">
__<table style="height:100%;" border="1">
____<tr><td style="height:30px;">1</td></tr>
____<tr>
______<td style="height:100%;">
________<iframe src="http://www.google.es" style="height:100%; width:500px;"></iframe>
______</td></tr>
____<tr><td style="height:15px;">3</td></tr>
__</table>
</div>
</body>
</html>
<html>
<head><style>body {height:100%;}</style></head>
<body>
<div style="height:100%; position: absolute; top:0px; left:0px;">
__<table style="height:100%;" border="1">
____<tr><td style="height:30px;">1</td></tr>
____<tr>
______<td style="height:100%;">
________<iframe src="http://www.google.es" style="height:100%; width:500px;"></iframe>
______</td></tr>
____<tr><td style="height:15px;">3</td></tr>
__</table>
</div>
</body>
</html>
El problema aparece con Internet Explorer (para variar), y se repite tanto con <iframe>, como con <div>, o <img>, o cualquier otra "cosa" que tenga "height:100%".
Cuando se le pone, a lo que sea, "height:100%", el elemento pasa a ocupar todo el alto disponible en la ventana, y no el alto de la <TD> en la que se inscribe ("lo que quede").
Es decir, pasa esto otro.
A ver si se os ocurre solución, que no sea pasarle un <javascript> tal que así:
window.onload=parcheIE;
function parcheIE()
{if(navigator.appName.indexOf('Explorer')!=-1)
___{document.getElementById('TR1').style.height=(parseFloat(document.getElementById('iframe').offsetHeight)-C)+'px';}
}
function parcheIE()
{if(navigator.appName.indexOf('Explorer')!=-1)
___{document.getElementById('TR1').style.height=(parseFloat(document.getElementById('iframe').offsetHeight)-C)+'px';}
}
Os saluda, vuestro nuevo amigo.
Rizome
2007
