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