testiframe.html [plain text]

</html>
<html>
<head>
<title></title>
<style type="text/css">
<!--
#header {
  background: #0f0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 100px;
}
#content1 {
  background: #ff0;
  position: absolute;
  top: 101px;
  left: 0px;
  width: 400px;
  height: 400px;
  overflow: scroll;
}
#content2 {
  background: #ff7;
  position: absolute;
  top: 101px;
  left: 401px;
  width: 400px;
  height: 400px;
}
#footer {
  background: #0f0;
  position: absolute;
  top: 502px;
  left: 0px;
  width: 800px;
  height: 200px;
}
-->
</style>
</head>
<body>
<div id="header"></div>
<div id="content1">You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible.
You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible.
You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible.
You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible.
You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible.
You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible.</div>
<iframe id="content2" name="control" src="testiframe2.html"> </iframe>
<div id="footer"></div>
</body>
</html>