Hola. No sé si esto es una tontería, pero lo que pensé que era algo muy sencillo de hacer, no me ha funcionado.
Quiero crear algo como esto:
http://themeforest.net/item/elegance...review/2781565
Una página con una barra horizontal superior y un iframe que ocupe todo el resto de la página. La anchura funciona bien, pero si le indico que tome una altura de 100%, toma la altura de toda la ventana del navegador, asea que se crean dos barras de desplazamiento vertical, una en el iframe, y otra fuera del iframe...
No sé si me hice entender...
Esto es lo que tengo:
Código HTML:
<html>
<head>
<style type="text/css">
#superior {
height: 100px;
background-color: #aaa;
}
#iframe {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="superior">
Bla bla bla...
</div>
<iframe id="iframe" scrolling="auto" src="http://www.linux.org/" name="marco" frameborder="0" noresize="noresize"></iframe>
</body>
</html> Si le pongo auto a la altura, me lo muestra sólo de unos 150 px, más o menos...