equal
deleted
inserted
replaced
1 </html> |
|
2 <html> |
|
3 <head> |
|
4 <title></title> |
|
5 <style type="text/css"> |
|
6 <!-- |
|
7 #header { |
|
8 background: #0f0; |
|
9 position: absolute; |
|
10 top: 0px; |
|
11 left: 0px; |
|
12 width: 800px; |
|
13 height: 100px; |
|
14 } |
|
15 #content1 { |
|
16 background: #ff0; |
|
17 position: absolute; |
|
18 top: 101px; |
|
19 left: 0px; |
|
20 width: 400px; |
|
21 height: 400px; |
|
22 overflow: scroll; |
|
23 } |
|
24 #content2 { |
|
25 background: #ff7; |
|
26 position: absolute; |
|
27 top: 101px; |
|
28 left: 401px; |
|
29 width: 400px; |
|
30 height: 400px; |
|
31 } |
|
32 #footer { |
|
33 background: #0f0; |
|
34 position: absolute; |
|
35 top: 502px; |
|
36 left: 0px; |
|
37 width: 800px; |
|
38 height: 200px; |
|
39 } |
|
40 --> |
|
41 </style> |
|
42 </head> |
|
43 <body> |
|
44 <div id="header"></div> |
|
45 <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. |
|
46 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. |
|
47 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. |
|
48 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. |
|
49 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. |
|
50 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> |
|
51 <iframe id="content2" name="control" src="testiframe2.html"> </iframe> |
|
52 <div id="footer"></div> |
|
53 </body> |
|
54 </html> |
|