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