Hola
El consejo de KnowDemon respecto al «;» es muy importante.
Pero también está el problema de que el ajuste a un determinado porcentaje del área de visualización suele dar problemas o tener diferentes interpretaciones.
Auí te dejo un pequeño código que puedes utilizar para resolver el problema o para hacer unas prácticas con el, basicamente, lo que hace es crear una capa con unas dimensiones determinadas y dentro de esa capa, ajustar el iframe al 100%, obviamente con la misma mecánica se pueden ajustar tablas o usar otros tamaños.
De paso puedes ver como usar estilos para eliminar ciertos códigos específicos de explorer que tienes en la página.
Buerno, no aburro más.
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
<!--
function redimensionar() {
if (navigator.appName != "Microsoft Internet Explorer") {
var altura = (window.innerHeight - 18);
document.getElementById('capita').style.height = altura+'px';
} else {
document.getElementById('capita').style.height = "100%";
}
}
//-->
</script>
<style type="text/css">
* {
border: 0px;
margin: 0px;
padding: 0px;
}
.miFrame {
height: 100%;
width: 100%;
border: 1px solid #ff00ff;
margin: 0px;
padding: 0px;
}
</style>
<title>Ajustar un iframe al 100% del área de visualización</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body onload="javascript:redimensionar()">
<div style="width: 100%; height: 100px;" id="capita">
<iframe class="miFrame" src="Untitled-3.htm"></iframe>
</div>
</body>
</html>
Felicidad