Div som fylder 100% - 30 pixel i bunden
Hej eksperter.Jeg vil gerne have en side, hvor jeg har en iframe som fylder hele bredden og hele højden - dog minus 30 pixel i bunden, som jeg skal bruge til noget menu.
Jeg har prøvet at lave noget kode (se nedenfor), men de 30 pixel kommer først frem når man scroller. Kan nogen hjælpe med en bedre kode eller rette i min kode?
<!DOCTYPE html>
<html>
<head>
<title>Sidenavn</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style>
body
{
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.body
{
width: 100%;
height: 100%;
position: absolute;
text-align: center;
}
div.iframe
{
height: 100%;
background-color: #FFFF00;
}
div.menu
{
background-color: #FF00FF;
height: 30px;
}
</style>
</head>
<body>
<div class='body'>
<div class='iframe'><iframe style='width: 100%; height: 100%; border: 0;' src='side_som_skal_vises_i_iframe.html'></iframe></div>
<div class='menu'>Menu</div>
</div>
</body>
</html>