1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1116
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x1116 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x1116
5 LayoutBlockFlow {BODY} at (8,8) size 769x1100
6 LayoutBlockFlow {P} at (0,0) size 769x40
7 LayoutText {#text} at (0,0) size 746x19
8 text run at (0,0) width 364: "The table below should have the same width as the red DIV "
9 text run at (364,0) width 347: "below this paragraph. The inner image should just fit. The "
10 text run at (711,0) width 35: "image"
11 LayoutInline {EM} at (0,0) size 67x19
12 LayoutText {#text} at (0,20) size 67x19
13 text run at (0,20) width 67: "should not"
14 LayoutText {#text} at (67,20) size 127x19
15 text run at (67,20) width 127: " overrun the borders."
16 LayoutBlockFlow {DIV} at (0,56) size 610x2 [border: (1px solid #FF0000)]
17 LayoutTable {TABLE} at (0,74) size 608x387 [border: (1px dotted #000080)]
18 LayoutTableSection {TBODY} at (1,1) size 606x385
19 LayoutTableRow {TR} at (0,2) size 606x24
20 LayoutTableCell {TD} at (2,2) size 149x24 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
21 LayoutText {#text} at (2,2) size 7x19
22 text run at (2,2) width 7: "a"
23 LayoutTableCell {TD} at (153,2) size 149x24 [border: (1px solid #008000)] [r=0 c=1 rs=1 cs=1]
24 LayoutText {#text} at (2,2) size 8x19
25 text run at (2,2) width 8: "b"
26 LayoutTableCell {TD} at (304,2) size 149x24 [border: (1px solid #008000)] [r=0 c=2 rs=1 cs=1]
27 LayoutText {#text} at (2,2) size 7x19
28 text run at (2,2) width 7: "c"
29 LayoutTableCell {TD} at (455,2) size 149x24 [border: (1px solid #008000)] [r=0 c=3 rs=1 cs=1]
30 LayoutText {#text} at (2,2) size 8x19
31 text run at (2,2) width 8: "d"
32 LayoutTableRow {TR} at (0,28) size 606x24
33 LayoutTableCell {TD} at (2,28) size 300x24 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=2]
34 LayoutText {#text} at (2,2) size 21x19
35 text run at (2,2) width 21: "eee"
36 LayoutTableCell {TD} at (304,28) size 300x24 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=2]
37 LayoutText {#text} at (2,2) size 4x19
38 text run at (2,2) width 4: "f"
39 LayoutTableRow {TR} at (0,54) size 606x329
40 LayoutTableCell {TD} at (2,54) size 602x329 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=4]
41 LayoutImage {IMG} at (2,2) size 593x325
42 LayoutText {#text} at (0,0) size 0x0
43 LayoutBlockFlow {DIV} at (0,477) size 610x2 [border: (1px solid #FF0000)]
44 LayoutBlockFlow {P} at (0,495) size 769x20
45 LayoutText {#text} at (0,0) size 374x19
46 text run at (0,0) width 374: "Mozilla makes the table way too small for no apparent reason."
47 LayoutBlockFlow {P} at (0,531) size 769x20
48 LayoutText {#text} at (0,0) size 236x19
49 text run at (0,0) width 236: "Here is the same table, one pixel wider:"
50 LayoutTable {TABLE} at (0,567) size 609x387 [border: (1px dotted #000080)]
51 LayoutTableSection {TBODY} at (1,1) size 607x385
52 LayoutTableRow {TR} at (0,2) size 607x24
53 LayoutTableCell {TD} at (2,2) size 150x24 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
54 LayoutText {#text} at (2,2) size 7x19
55 text run at (2,2) width 7: "a"
56 LayoutTableCell {TD} at (154,2) size 149x24 [border: (1px solid #008000)] [r=0 c=1 rs=1 cs=1]
57 LayoutText {#text} at (2,2) size 8x19
58 text run at (2,2) width 8: "b"
59 LayoutTableCell {TD} at (305,2) size 149x24 [border: (1px solid #008000)] [r=0 c=2 rs=1 cs=1]
60 LayoutText {#text} at (2,2) size 7x19
61 text run at (2,2) width 7: "c"
62 LayoutTableCell {TD} at (456,2) size 149x24 [border: (1px solid #008000)] [r=0 c=3 rs=1 cs=1]
63 LayoutText {#text} at (2,2) size 8x19
64 text run at (2,2) width 8: "d"
65 LayoutTableRow {TR} at (0,28) size 607x24
66 LayoutTableCell {TD} at (2,28) size 301x24 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=2]
67 LayoutText {#text} at (2,2) size 21x19
68 text run at (2,2) width 21: "eee"
69 LayoutTableCell {TD} at (305,28) size 300x24 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=2]
70 LayoutText {#text} at (2,2) size 4x19
71 text run at (2,2) width 4: "f"
72 LayoutTableRow {TR} at (0,54) size 607x329
73 LayoutTableCell {TD} at (2,54) size 603x329 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=4]
74 LayoutImage {IMG} at (2,2) size 593x325
75 LayoutText {#text} at (0,0) size 0x0
76 LayoutBlockFlow {P} at (0,970) size 769x40
77 LayoutText {#text} at (0,0) size 755x39
78 text run at (0,0) width 510: "Observations: Fiddle about with the content of the \"eee\" cell and everything changes. "
79 text run at (510,0) width 245: "Remove any of the three rows and things"
80 text run at (0,20) width 274: "change. Remove any of the four columns and "
81 text run at (274,20) width 313: "things change. Remove the image and things change."
82 LayoutBlockFlow {P} at (0,1026) size 769x20
83 LayoutText {#text} at (0,0) size 569x19
84 text run at (0,0) width 474: "(Note: If the image has disappeared from the server, replace it with any 593px "
85 text run at (474,0) width 95: "image you like.)"
86 LayoutBlockFlow {P} at (0,1062) size 769x20
87 LayoutText {#text} at (0,0) size 55x19
88 text run at (0,0) width 55: "See also "
89 LayoutInline {A} at (0,0) size 91x19 [color=#0000EE]
90 LayoutText {#text} at (55,0) size 91x19
91 text run at (55,0) width 91: "tablewidth.html"
92 LayoutText {#text} at (146,0) size 4x19
93 text run at (146,0) width 4: "."
94 LayoutBlockFlow {HR} at (0,1098) size 769x2 [border: (1px inset #EEEEEE)]