| <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> |