Hola,
Estoy empezando con el diseño web (mi primer mensaje por cierto :D), estoy usando iframes y tengo un problema para hacer que dicho iframe ocupe el 100% de la pantalla (en height, no en width), teniendo en cuenta que en la parte superior de la misma tengo un header con un height de 90px. Este es mi código:
Código HTML:
<div class="page">
<div class="header">
</div>
<div id="lateral" class="lateral">
<iframe id="iFrameLateral" runat="server" src="Lateral.aspx">
</iframe>
</div>
<div class="main">
</div>
</div>
El código CSS:
Código CSS:
Ver originalhtml,body
{
margin:0;
padding:0;
height:100%;
}
iframe
{
height:100%;
display:block;
width:100%;
border:none;
bottom:0px;
}
.header
{
height:90px;
position:relative;
clear:both;
width:100%;
}
.lateral
{
top:90px;
overflow-x:hidden;
overflow-y:auto;
float:left;
height:100%;
bottom:0px;
}
#iFrameLateral
{
width: 245px;
left:0;
height:100%;
}
El problema que tengo, es que al poner top:90px;, se pierden esa cantidad de pixeles por debajo del bottom y que no se ven ni puedo acceder a ellos. No consigo que se vea el 100% de verdad del espacio restante, es decir, desde el top:90px hasta el bottom 0.
¿Alguien sabe cómo podría hacer? Muchas gracias!!