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