1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 734
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x734 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x734
5 LayoutBlockFlow {BODY} at (8,8) size 769x718
6 LayoutBlockFlow {PRE} at (0,0) size 769x227
7 LayoutText {#text} at (0,0) size 656x193
8 text run at (0,0) width 368: "These tables below all have the HTML + CSS ..."
9 text run at (368,0) width 0: " "
10 text run at (0,16) width 0: " "
11 text run at (0,32) width 480: "<TABLE><tr> table {"
12 text run at (480,32) width 0: " "
13 text run at (0,48) width 544: " <td><TABLE style='margin: 20px; padding: 19px;'> width: 600px;"
14 text run at (544,48) width 0: " "
15 text run at (0,64) width 616: " <tr><td></td></tr> border: 1px solid red;"
16 text run at (616,64) width 0: " "
17 text run at (0,80) width 592: " </TABLE></td> empty-cells: show;}"
18 text run at (592,80) width 0: " "
19 text run at (0,96) width 456: "</tr></TABLE> td {"
20 text run at (456,96) width 0: " "
21 text run at (0,112) width 640: " border: 1px solid green;}"
22 text run at (640,112) width 0: " "
23 text run at (0,128) width 656: " table.inner {margin: 20px;} "
24 text run at (656,128) width 0: " "
25 text run at (0,144) width 0: " "
26 text run at (0,160) width 520: "... and differ only in the value of 'padding:'. From top table to"
27 text run at (520,160) width 0: " "
28 text run at (0,177) width 424: "bottom: 0px, 10px, 19px, 20px, 25px. Note that for a "
29 LayoutInline {U} at (0,0) size 608x33
30 LayoutInline {I} at (0,0) size 608x34
31 LayoutText {#text} at (424,176) size 608x34
32 text run at (424,176) width 184: "table over-constrained "
33 text run at (608,176) width 0: " "
34 text run at (0,193) width 160: "within another table"
35 LayoutText {#text} at (160,194) size 16x16
36 text run at (160,194) width 16: ", "
37 LayoutInline {I} at (0,0) size 184x17
38 LayoutInline {U} at (0,0) size 184x17
39 LayoutText {#text} at (176,193) size 184x17
40 text run at (176,193) width 184: "when (padding >=margin)"
41 LayoutText {#text} at (360,194) size 128x16
42 text run at (360,194) width 128: ", the margin is "
43 LayoutInline {I} at (0,0) size 600x34
44 LayoutInline {U} at (0,0) size 600x34
45 LayoutText {#text} at (488,193) size 600x34
46 text run at (488,193) width 112: "all allocated "
47 text run at (600,193) width 0: " "
48 text run at (0,210) width 176: "to the right hand side"
49 LayoutText {#text} at (176,211) size 416x16
50 text run at (176,211) width 416: " of the table (and to the left if 'direction: rtl;'."
51 LayoutTable {TABLE} at (0,240) size 600x30 [border: (1px dotted #0000FF)]
52 LayoutTableSection {TBODY} at (1,1) size 598x28
53 LayoutTableRow {TR} at (0,2) size 598x24
54 LayoutTableCell {TD} at (2,2) size 594x24 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
55 LayoutText {#text} at (2,2) size 204x19
56 text run at (2,2) width 204: "600px table for width comparison"
57 LayoutTable {TABLE} at (0,270) size 650x60 [border: (1px solid #FF0000)]
58 LayoutTableSection {TBODY} at (1,1) size 648x58
59 LayoutTableRow {TR} at (0,2) size 648x54
60 LayoutTableCell {TD} at (2,2) size 644x54 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
61 LayoutTable {TABLE} at (22,22) size 600x10 [border: (1px solid #FF0000)]
62 LayoutTableSection {TBODY} at (1,1) size 598x8
63 LayoutTableRow {TR} at (0,2) size 598x4
64 LayoutTableCell {TD} at (2,2) size 594x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
65 LayoutTable {TABLE} at (0,330) size 650x80 [border: (1px solid #FF0000)]
66 LayoutTableSection {TBODY} at (1,1) size 648x78
67 LayoutTableRow {TR} at (0,2) size 648x74
68 LayoutTableCell {TD} at (2,2) size 644x74 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
69 LayoutTable {TABLE} at (22,22) size 600x30 [border: (1px solid #FF0000)]
70 LayoutTableSection {TBODY} at (11,11) size 578x8
71 LayoutTableRow {TR} at (0,2) size 578x4
72 LayoutTableCell {TD} at (2,2) size 574x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
73 LayoutTable {TABLE} at (0,410) size 650x98 [border: (1px solid #FF0000)]
74 LayoutTableSection {TBODY} at (1,1) size 648x96
75 LayoutTableRow {TR} at (0,2) size 648x92
76 LayoutTableCell {TD} at (2,2) size 644x92 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
77 LayoutTable {TABLE} at (22,22) size 600x48 [border: (1px solid #FF0000)]
78 LayoutTableSection {TBODY} at (20,20) size 560x8
79 LayoutTableRow {TR} at (0,2) size 560x4
80 LayoutTableCell {TD} at (2,2) size 556x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
81 LayoutTable {TABLE} at (0,508) size 650x100 [border: (1px solid #FF0000)]
82 LayoutTableSection {TBODY} at (1,1) size 648x98
83 LayoutTableRow {TR} at (0,2) size 648x94
84 LayoutTableCell {TD} at (2,2) size 644x94 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
85 LayoutTable {TABLE} at (22,22) size 600x50 [border: (1px solid #FF0000)]
86 LayoutTableSection {TBODY} at (21,21) size 558x8
87 LayoutTableRow {TR} at (0,2) size 558x4
88 LayoutTableCell {TD} at (2,2) size 554x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
89 LayoutTable {TABLE} at (0,608) size 650x110 [border: (1px solid #FF0000)]
90 LayoutTableSection {TBODY} at (1,1) size 648x108
91 LayoutTableRow {TR} at (0,2) size 648x104
92 LayoutTableCell {TD} at (2,2) size 644x104 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
93 LayoutTable {TABLE} at (22,22) size 600x60 [border: (1px solid #FF0000)]
94 LayoutTableSection {TBODY} at (26,26) size 548x8
95 LayoutTableRow {TR} at (0,2) size 548x4
96 LayoutTableCell {TD} at (2,2) size 544x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]