| OLD | NEW |
| (Empty) |
| 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 wid
th 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 #00800
0)] [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 #008
000)] [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 #008
000)] [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 #008
000)] [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 #0080
00)] [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 #00
8000)] [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 #008
000)] [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 fo
r 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 #00800
0)] [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 #008
000)] [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 #008
000)] [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 #008
000)] [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 #0080
00)] [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 #00
8000)] [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 #008
000)] [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 cont
ent of the \"eee\" cell and everything changes. " | |
| 79 text run at (510,0) width 245: "Remove any of the three rows and thing
s" | |
| 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 t
hings 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 (473,0) width 96: "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)] | |
| OLD | NEW |