| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (0,0) size 800x600 | 5 RenderBody {BODY} at (0,0) size 800x600 |
| 6 layer at (0,0) size 800x600 | 6 layer at (0,0) size 800x600 |
| 7 RenderBlock (relative positioned) {DIV} at (0,0) size 800x600 | 7 RenderBlock (relative positioned) {DIV} at (0,0) size 800x600 |
| 8 RenderBlock {DIV} at (0,0) size 800x220 [bgcolor=#6CAAD9] | 8 RenderBlock {DIV} at (0,0) size 800x220 [bgcolor=#6CAAD9] |
| 9 RenderBlock {H1} at (10,10) size 780x30 | 9 RenderBlock {H1} at (10,10) size 780x30 |
| 10 RenderText {#text} at (0,1) size 53x15 | 10 RenderText {#text} at (0,2) size 51x14 |
| 11 text run at (0,1) width 53: "Content" | 11 text run at (0,2) width 51: "Content" |
| 12 RenderBlock {P} at (10,40) size 780x30 | 12 RenderBlock {P} at (10,40) size 780x30 |
| 13 RenderText {#text} at (0,1) size 473x15 | 13 RenderText {#text} at (0,2) size 499x14 |
| 14 text run at (0,1) width 473: "Please resize the browser window to see
how your 100% CSS footer behaves." | 14 text run at (0,2) width 499: "Please resize the browser window to see
how your 100% CSS footer behaves." |
| 15 RenderBlock {P} at (10,70) size 780x102 | 15 RenderBlock {P} at (10,70) size 780x102 |
| 16 RenderText {#text} at (0,1) size 779x87 | 16 RenderText {#text} at (0,2) size 775x86 |
| 17 text run at (0,1) width 762: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Cras porttitor. Ut nonummy vestibulum arcu. Nulla eros eros, m
attis" | 17 text run at (0,2) width 740: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Cras porttitor. Ut nonummy vestibulum arcu. Nulla eros eros," |
| 18 text run at (0,19) width 771: "et, dictum quis, convallis vel, mauris.
Ut sed mauris vel metus pretium pretium. Curabitur tristique sem id justo. Nunc
sit amet" | 18 text run at (0,20) width 775: "mattis et, dictum quis, convallis vel,
mauris. Ut sed mauris vel metus pretium pretium. Curabitur tristique sem id just
o. Nunc" |
| 19 text run at (0,37) width 779: "felis. Duis luctus pharetra urna. Sed e
nim arcu, cursus a, posuere sed, sollicitudin in, justo. Pellentesque enim lacus
, egestas ut," | 19 text run at (0,38) width 745: "sit amet felis. Duis luctus pharetra ur
na. Sed enim arcu, cursus a, posuere sed, sollicitudin in, justo. Pellentesque e
nim" |
| 20 text run at (0,55) width 761: "elementum eu, molestie vel, urna. Integ
er quam. Phasellus tempor. Sed commodo porttitor justo. Vestibulum rhoncus lacin
ia" | 20 text run at (0,56) width 729: "lacus, egestas ut, elementum eu, molest
ie vel, urna. Integer quam. Phasellus tempor. Sed commodo porttitor justo." |
| 21 text run at (0,73) width 436: "pede. Aliquam lectus velit, auctor a, f
ermentum a, accumsan et, neque." | 21 text run at (0,74) width 617: "Vestibulum rhoncus lacinia pede. Aliqua
m lectus velit, auctor a, fermentum a, accumsan et, neque." |
| 22 layer at (0,562) size 620x38 | 22 layer at (0,562) size 620x38 |
| 23 RenderBlock (positioned) {DIV} at (0,562) size 620x38 [bgcolor=#0066B2] | 23 RenderBlock (positioned) {DIV} at (0,562) size 620x38 [bgcolor=#0066B2] |
| 24 RenderBlock {H1} at (10,10) size 600x18 [color=#FFFFFF] | 24 RenderBlock {H1} at (10,10) size 600x18 [color=#FFFFFF] |
| 25 RenderText {#text} at (0,1) size 44x15 | 25 RenderText {#text} at (0,2) size 43x14 |
| 26 text run at (0,1) width 44: "Footer" | 26 text run at (0,2) width 43: "Footer" |
| OLD | NEW |