I'm developing a website to a school project and I'm confused with the layout. I want to make the iframes size dependent on the browsers size.
Because the iframe is 100% and i move it down 200px the iframe get the height of the window in the browser. But since i move it down 200px the iframe gets to big. So what i want to do is to set the iframes hight to 100%-200px. I hope you understand Someone know a way to do this? Or do you know a better way?
Code:
<html>
<head>
<style type="text/css">
body{
margin: 0px;
padding: 0px;
}
#logo{
width: 800px;
height: 200px;
background: green;
border: 0;
}
#iframe{
width: 800px;
height: 100%;
background: blue;
border: 0;
}
</style>
</head>
<body>
<div id="logo"></div>
<iframe id="iframe" name="iframe"></iframe>
</body>
</html>
Because the iframe is 100% and i move it down 200px the iframe get the height of the window in the browser. But since i move it down 200px the iframe gets to big. So what i want to do is to set the iframes hight to 100%-200px. I hope you understand Someone know a way to do this? Or do you know a better way?