| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 785x721 | |
| 2 RenderView at (0,0) size 785x600 | |
| 3 layer at (0,0) size 785x721 | |
| 4 RenderBlock {HTML} at (0,0) size 785x721 | |
| 5 RenderBody {BODY} at (8,8) size 769x705 [bgcolor=#008000] | |
| 6 RenderBlock {P} at (0,0) size 769x18 | |
| 7 RenderText {#text} at (0,0) size 355x18 | |
| 8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" | |
| 9 RenderBlock {PRE} at (0,34) size 769x60 | |
| 10 RenderText {#text} at (0,0) size 648x60 | |
| 11 text run at (0,0) width 648: "BODY {background: green url(../resources
/oransqr.gif) repeat-x center top fixed;}" | |
| 12 text run at (648,0) width 0: " " | |
| 13 text run at (0,15) width 568: ".one {background: lime url(../resources
/oransqr.gif) repeat-y 100% 0%;}" | |
| 14 text run at (568,15) width 0: " " | |
| 15 text run at (0,30) width 592: ".two {background: lime url(../resources
/oransqr.gif) repeat-y center top;}" | |
| 16 text run at (592,30) width 0: " " | |
| 17 text run at (0,45) width 592: ".three {background: lime url(../resourc
es/oransqr.gif) repeat-x left top;}" | |
| 18 text run at (592,45) width 0: " " | |
| 19 RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)] | |
| 20 RenderBlock {P} at (0,125) size 769x54 | |
| 21 RenderText {#text} at (0,0) size 728x18 | |
| 22 text run at (0,0) width 728: "This document should have a green backgr
ound with an orange strip running across the entire top of the page, since" | |
| 23 RenderInline {CODE} at (0,0) size 64x15 | |
| 24 RenderText {#text} at (0,20) size 64x15 | |
| 25 text run at (0,20) width 64: "repeat-x" | |
| 26 RenderText {#text} at (64,18) size 753x36 | |
| 27 text run at (64,18) width 298: " indicates tiling in both directions o
f the x-axis. " | |
| 28 text run at (362,18) width 298: "Furthermore, the strip should be fixe
d in place. " | |
| 29 text run at (660,18) width 93: "I'll have to add" | |
| 30 text run at (0,36) width 492: "extra text at the end of this page to m
ake it long enough to scroll conveniently." | |
| 31 RenderBlock {P} at (0,195) size 769x54 [bgcolor=#00FF00] | |
| 32 RenderText {#text} at (0,0) size 762x54 | |
| 33 text run at (0,0) width 743: "This paragraph should have a lime backgr
ound and an orange strip which starts at the top right and runs to the bottom." | |
| 34 text run at (0,18) width 762: "Therefore, extra text would be in order
, so that we can intelligently evaluate the performance of your browser in handl
ing" | |
| 35 text run at (0,36) width 119: "these declarations. " | |
| 36 text run at (119,36) width 308: "Hey, I didn't say the page would be p
retty, did I?" | |
| 37 RenderBlock {P} at (0,265) size 769x54 [bgcolor=#00FF00] | |
| 38 RenderText {#text} at (0,0) size 762x54 | |
| 39 text run at (0,0) width 752: "This paragraph should have a lime backgr
ound and an orange strip which starts at the center top and runs to the bottom." | |
| 40 text run at (0,18) width 762: "Therefore, extra text would be in order
, so that we can intelligently evaluate the performance of your browser in handl
ing" | |
| 41 text run at (0,36) width 119: "these declarations. " | |
| 42 text run at (119,36) width 308: "Hey, I didn't say the page would be p
retty, did I?" | |
| 43 RenderBlock {P} at (0,335) size 769x54 [bgcolor=#00FF00] | |
| 44 RenderText {#text} at (0,0) size 762x54 | |
| 45 text run at (0,0) width 743: "This paragraph should have a lime backgr
ound and an orange strip which starts at the top left and runs to the top right.
" | |
| 46 text run at (0,18) width 762: "Therefore, extra text would be in order
, so that we can intelligently evaluate the performance of your browser in handl
ing" | |
| 47 text run at (0,36) width 119: "these declarations. " | |
| 48 text run at (119,36) width 308: "Hey, I didn't say the page would be p
retty, did I?" | |
| 49 RenderTable {TABLE} at (0,405) size 769x300 [border: (1px outset #808080)] | |
| 50 RenderTableSection {TBODY} at (1,1) size 767x298 | |
| 51 RenderTableRow {TR} at (0,0) size 767x26 | |
| 52 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | |
| 53 RenderInline {STRONG} at (0,0) size 163x18 | |
| 54 RenderText {#text} at (4,4) size 163x18 | |
| 55 text run at (4,4) width 163: "TABLE Testing Section" | |
| 56 RenderTableRow {TR} at (0,26) size 767x272 | |
| 57 RenderTableCell {TD} at (0,149) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | |
| 58 RenderText {#text} at (4,4) size 4x18 | |
| 59 text run at (4,4) width 4: " " | |
| 60 RenderTableCell {TD} at (12,26) size 755x272 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | |
| 61 RenderBlock {P} at (4,4) size 747x54 | |
| 62 RenderText {#text} at (0,0) size 728x18 | |
| 63 text run at (0,0) width 728: "This document should have a gree
n background with an orange strip running across the entire top of the page, sin
ce" | |
| 64 RenderInline {CODE} at (0,0) size 64x15 | |
| 65 RenderText {#text} at (0,20) size 64x15 | |
| 66 text run at (0,20) width 64: "repeat-x" | |
| 67 RenderText {#text} at (64,18) size 726x36 | |
| 68 text run at (64,18) width 298: " indicates tiling in both dire
ctions of the x-axis. " | |
| 69 text run at (362,18) width 298: "Furthermore, the strip should
be fixed in place. " | |
| 70 text run at (660,18) width 66: "I'll have to" | |
| 71 text run at (0,36) width 519: "add extra text at the end of th
is page to make it long enough to scroll conveniently." | |
| 72 RenderBlock {P} at (4,74) size 747x54 [bgcolor=#00FF00] | |
| 73 RenderText {#text} at (0,0) size 743x54 | |
| 74 text run at (0,0) width 743: "This paragraph should have a lim
e background and an orange strip which starts at the top right and runs to the b
ottom." | |
| 75 text run at (0,18) width 703: "Therefore, extra text would be
in order, so that we can intelligently evaluate the performance of your browser
in" | |
| 76 text run at (0,36) width 178: "handling these declarations. " | |
| 77 text run at (178,36) width 308: "Hey, I didn't say the page wo
uld be pretty, did I?" | |
| 78 RenderBlock {P} at (4,144) size 747x54 [bgcolor=#00FF00] | |
| 79 RenderText {#text} at (0,0) size 739x54 | |
| 80 text run at (0,0) width 700: "This paragraph should have a lim
e background and an orange strip which starts at the center top and runs to the" | |
| 81 text run at (0,18) width 52: "bottom. " | |
| 82 text run at (52,18) width 687: "Therefore, extra text would be
in order, so that we can intelligently evaluate the performance of your browser
" | |
| 83 text run at (0,36) width 194: "in handling these declarations.
" | |
| 84 text run at (194,36) width 308: "Hey, I didn't say the page wo
uld be pretty, did I?" | |
| 85 RenderBlock {P} at (4,214) size 747x54 [bgcolor=#00FF00] | |
| 86 RenderText {#text} at (0,0) size 743x54 | |
| 87 text run at (0,0) width 743: "This paragraph should have a lim
e background and an orange strip which starts at the top left and runs to the to
p right." | |
| 88 text run at (0,18) width 703: "Therefore, extra text would be
in order, so that we can intelligently evaluate the performance of your browser
in" | |
| 89 text run at (0,36) width 178: "handling these declarations. " | |
| 90 text run at (178,36) width 308: "Hey, I didn't say the page wo
uld be pretty, did I?" | |
| OLD | NEW |