| 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 800x518 | 3 layer at (0,0) size 800x518 |
| 4 RenderBlock {HTML} at (0,0) size 800x517.53 [bgcolor=#FFFFFF] | 4 RenderBlock {HTML} at (0,0) size 800x517.53 [bgcolor=#FFFFFF] |
| 5 layer at (173,32) size 454x454 | 5 layer at (173,32) size 454x454 |
| 6 RenderBody {BODY} at (173.23,32) size 453.53x453.53 [color=#FFFFFF] [bgcolor=#
DD6600] | 6 RenderBody {BODY} at (173.23,32) size 453.53x453.53 [color=#FFFFFF] [bgcolor=#
DD6600] |
| 7 RenderBlock {DIV} at (0,0) size 453.53x0 | 7 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 8 RenderBlock {DIV} at (0,0) size 453.53x0 | 8 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 9 RenderBlock {DIV} at (0,0) size 453.53x0 | 9 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 10 RenderBlock {DIV} at (0,0) size 453.53x0 | 10 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 11 RenderInline {SPAN} at (0,0) size 0x0 | 11 RenderInline {SPAN} at (0,0) size 0x0 |
| 12 RenderBlock {DIV} at (0,0) size 453.53x0 | 12 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 13 RenderInline {SPAN} at (0,0) size 0x0 | 13 RenderInline {SPAN} at (0,0) size 0x0 |
| 14 RenderBlock {DIV} at (0,0) size 453.53x0 | 14 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 15 RenderInline {SPAN} at (0,0) size 0x0 | 15 RenderInline {SPAN} at (0,0) size 0x0 |
| 16 RenderBlock {DIV} at (0,0) size 453.53x0 | 16 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 17 RenderInline {SPAN} at (0,0) size 0x0 | 17 RenderInline {SPAN} at (0,0) size 0x0 |
| 18 RenderBlock {DIV} at (0,0) size 453.53x0 | 18 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 19 RenderInline {SPAN} at (0,0) size 0x0 | 19 RenderInline {SPAN} at (0,0) size 0x0 |
| 20 RenderBlock {DIV} at (0,0) size 453.53x0 | 20 RenderBlock {DIV} at (0,0) size 453.53x0 |
| 21 RenderInline {SPAN} at (0,0) size 0x0 | 21 RenderInline {SPAN} at (0,0) size 0x0 |
| 22 layer at (173,47) size 454x188 | 22 layer at (173,47) size 454x188 |
| 23 RenderBlock (positioned) {H1} at (0,15.11) size 453.53x188 [color=#DD9955] | 23 RenderBlock (positioned) {H1} at (0,15.11) size 453.53x188 [color=#DD9955] |
| 24 RenderInline {SPAN} at (0,0) size 341x191 | 24 RenderInline {SPAN} at (0,0) size 342x191 |
| 25 RenderText {#text} at (63,-2) size 341x191 | 25 RenderText {#text} at (63,-2) size 342x191 |
| 26 text run at (63,-2) width 327: "CSS ZEN" | 26 text run at (63,-2) width 327: "CSS ZEN" |
| 27 text run at (56,92) width 341: "GARDEN" | 27 text run at (56,92) width 342: "GARDEN" |
| 28 layer at (173,119) size 454x21 | 28 layer at (173,119) size 454x21 |
| 29 RenderBlock (positioned) {H2} at (0,87.47) size 453.53x21 [color=#EEFF00] | 29 RenderBlock (positioned) {H2} at (0,87.47) size 453.53x21 [color=#EEFF00] |
| 30 RenderInline {SPAN} at (0,0) size 149x19 | 30 RenderInline {SPAN} at (0,0) size 148x19 |
| 31 RenderText {#text} at (152,1) size 88x19 | 31 RenderText {#text} at (153,1) size 87x19 |
| 32 text run at (152,1) width 88: "The Beauty of " | 32 text run at (153,1) width 87: "The Beauty of " |
| 33 RenderInline {ACRONYM} at (0,0) size 22x19 | 33 RenderInline {ACRONYM} at (0,0) size 22x19 |
| 34 RenderText {#text} at (239,1) size 22x19 | 34 RenderText {#text} at (239,1) size 22x19 |
| 35 text run at (239,1) width 22: "CSS" | 35 text run at (239,1) width 22: "CSS" |
| 36 RenderText {#text} at (260,1) size 41x19 | 36 RenderText {#text} at (260,1) size 41x19 |
| 37 text run at (260,1) width 41: " Design" | 37 text run at (260,1) width 41: " Design" |
| 38 layer at (173,351) size 454x135 | 38 layer at (173,351) size 454x135 |
| 39 RenderBlock (positioned) {DIV} at (0,319.34) size 453.53x134.19 | 39 RenderBlock (positioned) {DIV} at (0,319.34) size 453.53x134.19 |
| 40 RenderInline {P} at (0,0) size 430x28 | 40 RenderInline {P} at (0,0) size 431x28 |
| 41 RenderInline {SPAN} at (0,0) size 430x28 | 41 RenderInline {SPAN} at (0,0) size 431x28 |
| 42 RenderText {#text} at (11,0) size 430x28 | 42 RenderText {#text} at (11,0) size 431x28 |
| 43 text run at (11,0) width 430: "Littering a dark and dreary road lay th
e past relics of browser-" | 43 text run at (11,0) width 431: "Littering a dark and dreary road lay th
e past relics of browser-" |
| 44 text run at (11,14) width 198: "specific tags, incompatible " | 44 text run at (11,14) width 198: "specific tags, incompatible " |
| 45 RenderInline {ACRONYM} at (0,0) size 32x14 | 45 RenderInline {ACRONYM} at (0,0) size 32x14 |
| 46 RenderText {#text} at (208,14) size 32x14 | 46 RenderText {#text} at (208,14) size 32x14 |
| 47 text run at (208,14) width 32: "DOM" | 47 text run at (208,14) width 32: "DOM" |
| 48 RenderText {#text} at (239,14) size 113x14 | 48 RenderText {#text} at (239,14) size 114x14 |
| 49 text run at (239,14) width 113: "s, and broken " | 49 text run at (239,14) width 114: "s, and broken " |
| 50 RenderInline {ACRONYM} at (0,0) size 25x14 | 50 RenderInline {ACRONYM} at (0,0) size 25x14 |
| 51 RenderText {#text} at (351,14) size 25x14 | 51 RenderText {#text} at (352,14) size 25x14 |
| 52 text run at (351,14) width 25: "CSS" | 52 text run at (352,14) width 25: "CSS" |
| 53 RenderText {#text} at (375,14) size 66x14 | 53 RenderText {#text} at (376,14) size 66x14 |
| 54 text run at (375,14) width 66: " support." | 54 text run at (376,14) width 66: " support." |
| 55 RenderText {#text} at (0,0) size 0x0 | 55 RenderText {#text} at (0,0) size 0x0 |
| 56 RenderInline {P} at (0,0) size 430x42 | 56 RenderInline {P} at (0,0) size 431x42 |
| 57 RenderInline {SPAN} at (0,0) size 430x42 | 57 RenderInline {SPAN} at (0,0) size 431x42 |
| 58 RenderText {#text} at (11,28) size 430x42 | 58 RenderText {#text} at (11,28) size 431x42 |
| 59 text run at (11,28) width 430: "Today, we must clear the mind of past
practices. Web" | 59 text run at (11,28) width 431: "Today, we must clear the mind of past
practices. Web" |
| 60 text run at (11,42) width 430: "enlightenment has been achieved thanks
to the tireless efforts of" | 60 text run at (11,42) width 431: "enlightenment has been achieved thanks
to the tireless efforts of" |
| 61 text run at (11,56) width 83: "folk like the " | 61 text run at (11,56) width 83: "folk like the " |
| 62 RenderInline {ACRONYM} at (0,0) size 30x14 | 62 RenderInline {ACRONYM} at (0,0) size 30x14 |
| 63 RenderText {#text} at (93,56) size 30x14 | 63 RenderText {#text} at (93,56) size 30x14 |
| 64 text run at (93,56) width 30: "W3C" | 64 text run at (93,56) width 30: "W3C" |
| 65 RenderText {#text} at (122,56) size 9x14 | 65 RenderText {#text} at (122,56) size 9x14 |
| 66 text run at (122,56) width 9: ", " | 66 text run at (122,56) width 9: ", " |
| 67 RenderInline {ACRONYM} at (0,0) size 39x14 | 67 RenderInline {ACRONYM} at (0,0) size 39x14 |
| 68 RenderText {#text} at (130,56) size 39x14 | 68 RenderText {#text} at (130,56) size 39x14 |
| 69 text run at (130,56) width 39: "WaSP" | 69 text run at (130,56) width 39: "WaSP" |
| 70 RenderText {#text} at (168,56) size 219x14 | 70 RenderText {#text} at (168,56) size 220x14 |
| 71 text run at (168,56) width 219: " and the major browser creators." | 71 text run at (168,56) width 220: " and the major browser creators." |
| 72 RenderText {#text} at (386,56) size 5x14 | 72 RenderText {#text} at (387,56) size 5x14 |
| 73 text run at (386,56) width 5: " " | 73 text run at (387,56) width 5: " " |
| 74 RenderInline {P} at (0,0) size 430x70 | 74 RenderInline {P} at (0,0) size 431x70 |
| 75 RenderInline {SPAN} at (0,0) size 430x70 | 75 RenderInline {SPAN} at (0,0) size 431x70 |
| 76 RenderText {#text} at (390,56) size 430x70 | 76 RenderText {#text} at (391,56) size 431x70 |
| 77 text run at (390,56) width 51: "The css" | 77 text run at (391,56) width 51: "The css" |
| 78 text run at (11,70) width 430: "Zen Garden invites you to relax and me
ditate on the important" | 78 text run at (11,70) width 431: "Zen Garden invites you to relax and me
ditate on the important" |
| 79 text run at (11,84) width 430: "lessons of the masters. Begin to see w
ith clarity. Learn to use the" | 79 text run at (11,84) width 431: "lessons of the masters. Begin to see w
ith clarity. Learn to use the" |
| 80 text run at (11,98) width 430: "(yet to be) time-honored techniques in
new and invigorating" | 80 text run at (11,98) width 431: "(yet to be) time-honored techniques in
new and invigorating" |
| 81 text run at (11,112) width 229: "fashion. Become one with the web." | 81 text run at (11,112) width 229: "fashion. Become one with the web." |
| 82 RenderText {#text} at (0,0) size 0x0 | 82 RenderText {#text} at (0,0) size 0x0 |
| 83 layer at (321,235) size 306x80 | 83 layer at (321,235) size 306x80 |
| 84 RenderBlock (positioned) {H3} at (148.19,-115.88) size 305.34x80 [color=#CCCC7
7] [bgcolor=#888811] [border: (3px solid #888811) none (3px solid #888811)] | 84 RenderBlock (positioned) {H3} at (148.19,-115.88) size 305.34x80 [color=#CCCC7
7] [bgcolor=#888811] [border: (3px solid #888811) none (3px solid #888811)] |
| 85 RenderInline {SPAN} at (0,0) size 276x83 | 85 RenderInline {SPAN} at (0,0) size 276x83 |
| 86 RenderText {#text} at (45,-2) size 276x83 | 86 RenderText {#text} at (45,-2) size 276x83 |
| 87 text run at (45,-2) width 230: "The Road to" | 87 text run at (45,-2) width 231: "The Road to" |
| 88 text run at (3,35) width 276: "Enlightenment" | 88 text run at (3,35) width 276: "Enlightenment" |
| OLD | NEW |