| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 scrollWidth 812 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | |
| 5 LayoutBlockFlow {BODY} at (0,0) size 800x600 | |
| 6 LayoutDeprecatedFlexibleBox {DIV} at (0,0) size 800x600 | |
| 7 LayoutBlockFlow {DIV} at (0,0) size 800x40 | |
| 8 LayoutText {#text} at (0,0) size 794x39 | |
| 9 text run at (0,0) width 462: "This header should remain at the top o
f the browser window as you resize it. " | |
| 10 text run at (462,0) width 173: "It can wrap to multiple lines. " | |
| 11 text run at (635,0) width 158: "The center should be filled" | |
| 12 text run at (0,20) width 209: "with an olive-bordered green box. " | |
| 13 text run at (209,20) width 585: "It should start beneath the header,
end above the footer, and fill the width of the browser window." | |
| 14 LayoutBlockFlow {DIV} at (0,580) size 800x20 | |
| 15 LayoutText {#text} at (0,0) size 629x19 | |
| 16 text run at (0,0) width 387: "This footer should remain at the botto
m of the browser window. " | |
| 17 text run at (386,0) width 243: "It can wrap to multiple lines if nec
essary." | |
| 18 layer at (0,40) size 812x540 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 | |
| 19 LayoutIFrame {IFRAME} at (0,40) size 812x540 [bgcolor=#008000] [border: (10px
solid #808000)] | |
| 20 layer at (0,0) size 792x520 | |
| 21 LayoutView at (0,0) size 792x520 | |
| 22 layer at (0,0) size 792x520 | |
| 23 LayoutBlockFlow {HTML} at (0,0) size 792x520 | |
| 24 LayoutBlockFlow {BODY} at (8,8) size 776x504 | |
| OLD | NEW |