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 (8,8) size 784x576 | 5 RenderBody {BODY} at (8,8) size 784x576 |
6 RenderBlock {P} at (0,0) size 784x48 | 6 RenderBlock {P} at (0,0) size 784x54 |
7 RenderText {#text} at (0,0) size 783x48 | 7 RenderText {#text} at (0,0) size 783x54 |
8 text run at (0,0) width 512: "On the left, you should see three blocks
that are aligned left within a black box. " | 8 text run at (0,0) width 512: "On the left, you should see three blocks
that are aligned left within a black box. " |
9 text run at (511,0) width 85: "They should " | 9 text run at (511,0) width 85: "They should " |
10 text run at (595,0) width 188: "be stacked vertically with the" | 10 text run at (595,0) width 188: "be stacked vertically with the" |
11 text run at (0,16) width 251: "green box in between two olive boxes. " | 11 text run at (0,18) width 251: "green box in between two olive boxes. " |
12 text run at (250,16) width 197: "The olive boxes and the green " | 12 text run at (250,18) width 197: "The olive boxes and the green " |
13 text run at (446,16) width 312: "box should be 100x100, and there shou
ld be 100" | 13 text run at (446,18) width 312: "box should be 100x100, and there shou
ld be 100" |
14 text run at (0,32) width 329: "pixels of padding on the right side of
the box stack." | 14 text run at (0,36) width 329: "pixels of padding on the right side of
the box stack." |
15 RenderBlock {P} at (0,64) size 784x48 | 15 RenderBlock {P} at (0,70) size 784x54 |
16 RenderText {#text} at (0,0) size 766x48 | 16 RenderText {#text} at (0,0) size 766x54 |
17 text run at (0,0) width 495: "On the right, you should see two blocks
that are centered within a black box. " | 17 text run at (0,0) width 495: "On the right, you should see two blocks
that are centered within a black box. " |
18 text run at (494,0) width 104: "They should be " | 18 text run at (494,0) width 104: "They should be " |
19 text run at (597,0) width 169: "stacked vertically with the" | 19 text run at (597,0) width 169: "stacked vertically with the" |
20 text run at (0,16) width 460: "green box below the olive box. The oliv
e box and the green box should " | 20 text run at (0,18) width 460: "green box below the olive box. The oliv
e box and the green box should " |
21 text run at (459,16) width 297: "be 100x100, and there should be 100 p
ixels of" | 21 text run at (459,18) width 297: "be 100x100, and there should be 100 p
ixels of" |
22 text run at (0,32) width 252: "padding on either side of the box stack
." | 22 text run at (0,36) width 252: "padding on either side of the box stack
." |
23 layer at (8,136) size 240x340 | 23 layer at (8,148) size 240x340 |
24 RenderBlock (positioned) {DIV} at (8,136) size 240x340 [border: (20px solid #0
00000)] | 24 RenderBlock (positioned) {DIV} at (8,148) size 240x340 [border: (20px solid #0
00000)] |
25 LayoutTable {TABLE} at (20,20) size 100x100 | 25 LayoutTable {TABLE} at (20,20) size 100x100 |
26 LayoutTableSection {TBODY} at (0,0) size 100x100 | 26 LayoutTableSection {TBODY} at (0,0) size 100x100 |
27 LayoutTableRow {TR} at (0,0) size 100x100 | 27 LayoutTableRow {TR} at (0,0) size 100x100 |
28 LayoutTableCell {TD} at (0,0) size 100x100 [r=0 c=0 rs=1 cs=1] | 28 LayoutTableCell {TD} at (0,0) size 100x100 [r=0 c=0 rs=1 cs=1] |
29 RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#808000] | 29 RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#808000] |
30 layer at (28,256) size 100x100 | 30 layer at (28,268) size 100x100 |
31 RenderBlock (positioned) {DIV} at (20,120) size 100x100 [bgcolor=#008000] | 31 RenderBlock (positioned) {DIV} at (20,120) size 100x100 [bgcolor=#008000] |
32 layer at (28,356) size 100x100 | 32 layer at (28,368) size 100x100 |
33 RenderBlock (positioned) {DIV} at (20,220) size 100x100 [bgcolor=#808000] | 33 RenderBlock (positioned) {DIV} at (20,220) size 100x100 [bgcolor=#808000] |
34 layer at (300,136) size 340x240 | 34 layer at (300,148) size 340x240 |
35 RenderBlock (positioned) {DIV} at (300,136) size 340x240 [border: (20px solid
#000000)] | 35 RenderBlock (positioned) {DIV} at (300,148) size 340x240 [border: (20px solid
#000000)] |
36 layer at (320,156) size 200x100 | 36 layer at (320,168) size 200x100 |
37 RenderBlock (relative positioned) {DIV} at (20,20) size 200x100 | 37 RenderBlock (relative positioned) {DIV} at (20,20) size 200x100 |
38 RenderBlock {DIV} at (100,0) size 100x100 [bgcolor=#808000] | 38 RenderBlock {DIV} at (100,0) size 100x100 [bgcolor=#808000] |
39 layer at (420,256) size 100x100 | 39 layer at (420,268) size 100x100 |
40 RenderBlock (positioned) {DIV} at (100,100) size 100x100 [bgcolor=#008000] | 40 RenderBlock (positioned) {DIV} at (100,100) size 100x100 [bgcolor=#008000] |
OLD | NEW |