OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .middle { | 4 .middle { |
5 background-color:green; | 5 background-color:green; |
6 -moz-box-flex: 1; | 6 -moz-box-flex: 1; |
7 -webkit-box-flex: 1; | 7 -webkit-box-flex: 1; |
8 box-flex: 1; | 8 box-flex: 1; |
9 border: 10px solid olive; | 9 border: 10px solid olive; |
10 } | 10 } |
11 | 11 |
12 html { | 12 html { |
13 background-color: white; | 13 background-color: white; |
14 height: 100%; | 14 height: 100%; |
15 } | 15 } |
16 | 16 |
17 body { | 17 body { |
18 height: 100%; | 18 height: 100%; |
19 margin: 0px; | 19 margin: 0px; |
| 20 overflow: hidden; |
20 } | 21 } |
21 | 22 |
22 div.outer { | 23 div.outer { |
23 display: -moz-box; | 24 display: -moz-box; |
24 display: -webkit-box; | 25 display: -webkit-box; |
25 display: box; | 26 display: box; |
26 -moz-box-orient: vertical; | 27 -moz-box-orient: vertical; |
27 -webkit-box-orient: vertical; | 28 -webkit-box-orient: vertical; |
28 box-orient: vertical; | 29 box-orient: vertical; |
29 height: 100%; | 30 height: 100%; |
(...skipping 11 matching lines...) Expand all Loading... |
41 </div> | 42 </div> |
42 <!--<div class="middle"></div>--> | 43 <!--<div class="middle"></div>--> |
43 <iframe class="middle" style="display: block; width:99%" src="about:blank"></ifr
ame> | 44 <iframe class="middle" style="display: block; width:99%" src="about:blank"></ifr
ame> |
44 <div> | 45 <div> |
45 This footer should remain at the bottom of the browser window. It | 46 This footer should remain at the bottom of the browser window. It |
46 can wrap to multiple lines if necessary. | 47 can wrap to multiple lines if necessary. |
47 </div> | 48 </div> |
48 </div> | 49 </div> |
49 </body> | 50 </body> |
50 </html> | 51 </html> |
OLD | NEW |