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 784x584 [bgcolor=#FFFFFF] | 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#FFFFFF] |
6 RenderBlock {P} at (0,0) size 784x36 | 6 RenderBlock {P} at (0,0) size 784x36 |
7 RenderText {#text} at (0,0) size 256x17 | 7 RenderText {#text} at (0,0) size 256x17 |
8 text run at (0,0) width 256: "The table below is inside a div tag with
" | 8 text run at (0,0) width 256: "The table below is inside a div tag with
" |
9 RenderInline {B} at (0,0) size 58x17 | 9 RenderInline {B} at (0,0) size 58x17 |
10 RenderText {#text} at (255,0) size 58x17 | 10 RenderText {#text} at (255,0) size 58x17 |
11 text run at (255,0) width 58: "absolute" | 11 text run at (255,0) width 58: "absolute" |
12 RenderText {#text} at (312,0) size 762x35 | 12 RenderText {#text} at (312,0) size 762x35 |
13 text run at (312,0) width 155: " positioning for top and " | 13 text run at (312,0) width 155: " positioning for top and " |
14 text run at (466,0) width 142: "left but not for width. " | 14 text run at (466,0) width 142: "left but not for width. " |
15 text run at (607,0) width 155: "The table should push it" | 15 text run at (607,0) width 155: "The table should push it" |
16 text run at (0,18) width 341: "out to 100% but it doesn't. Instead the
layer collapses" | 16 text run at (0,18) width 341: "out to 100% but it doesn't. Instead the
layer collapses" |
17 RenderBlock {P} at (0,52) size 784x72 | 17 RenderBlock {P} at (0,52) size 784x72 |
18 RenderBR {BR} at (0,0) size 0x17 | 18 LayoutBR {BR} at (0,0) size 0x17 |
19 RenderBR {BR} at (0,18) size 0x17 | 19 LayoutBR {BR} at (0,18) size 0x17 |
20 RenderBR {BR} at (0,36) size 0x17 | 20 LayoutBR {BR} at (0,36) size 0x17 |
21 RenderBR {BR} at (0,54) size 0x17 | 21 LayoutBR {BR} at (0,54) size 0x17 |
22 RenderBlock {P} at (0,140) size 784x36 | 22 RenderBlock {P} at (0,140) size 784x36 |
23 RenderText {#text} at (0,0) size 266x17 | 23 RenderText {#text} at (0,0) size 266x17 |
24 text run at (0,0) width 266: "The next table is inside a div tag set w
ith " | 24 text run at (0,0) width 266: "The next table is inside a div tag set w
ith " |
25 RenderInline {B} at (0,0) size 53x17 | 25 RenderInline {B} at (0,0) size 53x17 |
26 RenderText {#text} at (265,0) size 53x17 | 26 RenderText {#text} at (265,0) size 53x17 |
27 text run at (265,0) width 53: "relative" | 27 text run at (265,0) width 53: "relative" |
28 RenderText {#text} at (317,0) size 85x17 | 28 RenderText {#text} at (317,0) size 85x17 |
29 text run at (317,0) width 85: " positioning. " | 29 text run at (317,0) width 85: " positioning. " |
30 RenderBR {BR} at (401,14) size 1x0 | 30 LayoutBR {BR} at (401,14) size 1x0 |
31 RenderText {#text} at (0,18) size 142x17 | 31 RenderText {#text} at (0,18) size 142x17 |
32 text run at (0,18) width 142: "No width has been set" | 32 text run at (0,18) width 142: "No width has been set" |
33 layer at (8,70) size 142x28 | 33 layer at (8,70) size 142x28 |
34 RenderBlock (positioned) {DIV} at (8,70) size 142x28 [bgcolor=#CCFFCC] | 34 RenderBlock (positioned) {DIV} at (8,70) size 142x28 [bgcolor=#CCFFCC] |
35 LayoutTable {TABLE} at (0,0) size 142x28 [border: (1px outset #808080)] | 35 LayoutTable {TABLE} at (0,0) size 142x28 [border: (1px outset #808080)] |
36 LayoutTableSection {TBODY} at (1,1) size 140x26 | 36 LayoutTableSection {TBODY} at (1,1) size 140x26 |
37 LayoutTableRow {TR} at (0,2) size 140x22 | 37 LayoutTableRow {TR} at (0,2) size 140x22 |
38 LayoutTableCell {TD} at (2,2) size 136x22 [border: (1px inset #808080)
] [r=0 c=0 rs=1 cs=1] | 38 LayoutTableCell {TD} at (2,2) size 136x22 [border: (1px inset #808080)
] [r=0 c=0 rs=1 cs=1] |
39 RenderText {#text} at (2,2) size 132x17 | 39 RenderText {#text} at (2,2) size 132x17 |
40 text run at (2,2) width 132: "Table width = 100%" | 40 text run at (2,2) width 132: "Table width = 100%" |
41 layer at (8,200) size 784x28 | 41 layer at (8,200) size 784x28 |
42 RenderBlock (relative positioned) {DIV} at (0,192) size 784x28 [bgcolor=#CC006
6] | 42 RenderBlock (relative positioned) {DIV} at (0,192) size 784x28 [bgcolor=#CC006
6] |
43 LayoutTable {TABLE} at (0,0) size 784x28 [border: (1px outset #808080)] | 43 LayoutTable {TABLE} at (0,0) size 784x28 [border: (1px outset #808080)] |
44 LayoutTableSection {TBODY} at (1,1) size 782x26 | 44 LayoutTableSection {TBODY} at (1,1) size 782x26 |
45 LayoutTableRow {TR} at (0,2) size 782x22 | 45 LayoutTableRow {TR} at (0,2) size 782x22 |
46 LayoutTableCell {TD} at (2,2) size 778x22 [border: (1px inset #808080)
] [r=0 c=0 rs=1 cs=1] | 46 LayoutTableCell {TD} at (2,2) size 778x22 [border: (1px inset #808080)
] [r=0 c=0 rs=1 cs=1] |
47 RenderText {#text} at (2,2) size 132x17 | 47 RenderText {#text} at (2,2) size 132x17 |
48 text run at (2,2) width 132: "Table width = 100%" | 48 text run at (2,2) width 132: "Table width = 100%" |
OLD | NEW |