OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1251 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1299 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x1251 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x1299 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 RenderBlock {HTML} at (0,0) size 785x1251 | 4 RenderBlock {HTML} at (0,0) size 785x1299 |
5 RenderBody {BODY} at (8,8) size 769x1235 [bgcolor=#FFFFFF] | 5 RenderBody {BODY} at (8,8) size 769x1283 [bgcolor=#FFFFFF] |
6 RenderBlock {P} at (0,0) size 769x16 | 6 RenderBlock {P} at (0,0) size 769x18 |
7 RenderText {#text} at (0,0) size 477x16 | 7 RenderText {#text} at (0,0) size 477x18 |
8 text run at (0,0) width 477: "This is a simple example of table height
problems with only a single table." | 8 text run at (0,0) width 477: "This is a simple example of table height
problems with only a single table." |
9 RenderBlock {P} at (0,32) size 769x48 | 9 RenderBlock {P} at (0,34) size 769x54 |
10 RenderText {#text} at (0,0) size 745x48 | 10 RenderText {#text} at (0,0) size 745x54 |
11 text run at (0,0) width 490: "The indention here is to specify a table
with two rows. The table has a fixed " | 11 text run at (0,0) width 490: "The indention here is to specify a table
with two rows. The table has a fixed " |
12 text run at (489,0) width 256: "overall width (200 for the example) an
d" | 12 text run at (489,0) width 256: "overall width (200 for the example) an
d" |
13 text run at (0,16) width 272: "two rows. The first row 'just high enou
gh' " | 13 text run at (0,18) width 272: "two rows. The first row 'just high enou
gh' " |
14 text run at (271,16) width 456: "for a title line, and the second cont
ains the rest. Creating such a table is" | 14 text run at (271,18) width 456: "for a title line, and the second cont
ains the rest. Creating such a table is" |
15 text run at (0,32) width 192: "hamperd by a number of bugs" | 15 text run at (0,36) width 192: "hamperd by a number of bugs" |
16 RenderBlock {OL} at (0,96) size 769x64 | 16 RenderBlock {OL} at (0,104) size 769x72 |
17 RenderListItem {LI} at (40,0) size 729x16 | 17 RenderListItem {LI} at (40,0) size 729x18 |
18 RenderListMarker at (-20,0) size 16x16: "1" | 18 RenderListMarker at (-20,0) size 16x18: "1" |
19 RenderText {#text} at (0,0) size 467x16 | 19 RenderText {#text} at (0,0) size 467x18 |
20 text run at (0,0) width 467: "If a height is specified for only one
row (not both) then it will be ignored" | 20 text run at (0,0) width 467: "If a height is specified for only one
row (not both) then it will be ignored" |
21 RenderListItem {LI} at (40,16) size 729x16 | 21 RenderListItem {LI} at (40,18) size 729x18 |
22 RenderListMarker at (-20,0) size 16x16: "2" | 22 RenderListMarker at (-20,0) size 16x18: "2" |
23 RenderText {#text} at (0,0) size 686x16 | 23 RenderText {#text} at (0,0) size 686x18 |
24 text run at (0,0) width 443: "If specified heights are insufficient
(because the content is too large) " | 24 text run at (0,0) width 443: "If specified heights are insufficient
(because the content is too large) " |
25 text run at (442,0) width 244: "then the entire table will be expand
ed." | 25 text run at (442,0) width 244: "then the entire table will be expand
ed." |
26 RenderListItem {LI} at (40,32) size 729x32 | 26 RenderListItem {LI} at (40,36) size 729x36 |
27 RenderListMarker at (-20,0) size 16x16: "3" | 27 RenderListMarker at (-20,0) size 16x18: "3" |
28 RenderText {#text} at (0,0) size 670x32 | 28 RenderText {#text} at (0,0) size 670x36 |
29 text run at (0,0) width 471: "Percentage heights appear to simply be
translated into pixel heights prior " | 29 text run at (0,0) width 471: "Percentage heights appear to simply be
translated into pixel heights prior " |
30 text run at (470,0) width 200: "to other processing, so offer no" | 30 text run at (470,0) width 200: "to other processing, so offer no" |
31 text run at (0,16) width 126: "additional solutions" | 31 text run at (0,18) width 126: "additional solutions" |
32 RenderBlock {P} at (0,176) size 769x16 | 32 RenderBlock {P} at (0,192) size 769x18 |
33 RenderText {#text} at (0,0) size 520x16 | 33 RenderText {#text} at (0,0) size 520x18 |
34 text run at (0,0) width 483: "This following table ought to give the d
esired results (small title line, large " | 34 text run at (0,0) width 483: "This following table ought to give the d
esired results (small title line, large " |
35 text run at (482,0) width 38: "body)" | 35 text run at (482,0) width 38: "body)" |
36 RenderBlock {P} at (0,208) size 769x16 | 36 RenderBlock {P} at (0,226) size 769x18 |
37 RenderText {#text} at (0,0) size 116x16 | 37 RenderText {#text} at (0,0) size 116x18 |
38 text run at (0,0) width 116: "It is specifiable as" | 38 text run at (0,0) width 116: "It is specifiable as" |
39 RenderBlock {BLOCKQUOTE} at (40,240) size 689x48 | 39 RenderBlock {BLOCKQUOTE} at (40,260) size 689x54 |
40 RenderBlock {P} at (0,0) size 689x48 | 40 RenderBlock {P} at (0,0) size 689x54 |
41 RenderText {#text} at (0,0) size 117x16 | 41 RenderText {#text} at (0,0) size 117x18 |
42 text run at (0,0) width 117: "Table height: 200 " | 42 text run at (0,0) width 117: "Table height: 200 " |
43 RenderBR {BR} at (116,12) size 1x0 | 43 RenderBR {BR} at (116,14) size 1x0 |
44 RenderText {#text} at (0,16) size 131x16 | 44 RenderText {#text} at (0,18) size 131x18 |
45 text run at (0,16) width 131: "First Row : 1 or 1% " | 45 text run at (0,18) width 131: "First Row : 1 or 1% " |
46 RenderInline {I} at (0,0) size 221x16 | 46 RenderInline {I} at (0,0) size 221x18 |
47 RenderText {#text} at (130,16) size 221x16 | 47 RenderText {#text} at (130,18) size 221x18 |
48 text run at (130,16) width 221: "(i.e. expand to minimum required)
" | 48 text run at (130,18) width 221: "(i.e. expand to minimum required)
" |
49 RenderBR {BR} at (350,28) size 1x0 | 49 RenderBR {BR} at (350,32) size 1x0 |
50 RenderText {#text} at (0,32) size 172x16 | 50 RenderText {#text} at (0,36) size 172x18 |
51 text run at (0,32) width 172: "Second Row : unspecified " | 51 text run at (0,36) width 172: "Second Row : unspecified " |
52 RenderInline {I} at (0,0) size 314x16 | 52 RenderInline {I} at (0,0) size 314x18 |
53 RenderText {#text} at (171,32) size 314x16 | 53 RenderText {#text} at (171,36) size 314x18 |
54 text run at (171,32) width 314: "(i.e. table height - height of ot
her rows+borders)" | 54 text run at (171,36) width 314: "(i.e. table height - height of ot
her rows+borders)" |
55 RenderText {#text} at (0,0) size 0x0 | 55 RenderText {#text} at (0,0) size 0x0 |
56 LayoutTable {TABLE} at (0,304) size 90x200 [border: (1px outset #808080)] | 56 LayoutTable {TABLE} at (0,330) size 90x200 [border: (1px outset #808080)] |
57 LayoutTableSection {TBODY} at (1,1) size 88x198 | 57 LayoutTableSection {TBODY} at (1,1) size 88x198 |
58 LayoutTableRow {TR} at (0,2) size 88x20 | 58 LayoutTableRow {TR} at (0,2) size 88x22 |
59 LayoutTableCell {TD} at (2,2) size 84x20 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] | 59 LayoutTableCell {TD} at (2,2) size 84x22 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] |
60 RenderText {#text} at (2,2) size 53x16 | 60 RenderText {#text} at (2,2) size 53x18 |
61 text run at (2,2) width 53: "title line" | 61 text run at (2,2) width 53: "title line" |
62 LayoutTableRow {TR} at (0,24) size 88x172 | 62 LayoutTableRow {TR} at (0,26) size 88x170 |
63 LayoutTableCell {TD} at (2,100) size 84x20 [border: (1px inset #8080
80)] [r=1 c=0 rs=1 cs=1] | 63 LayoutTableCell {TD} at (2,100) size 84x22 [border: (1px inset #8080
80)] [r=1 c=0 rs=1 cs=1] |
64 RenderText {#text} at (2,2) size 80x16 | 64 RenderText {#text} at (2,2) size 80x18 |
65 text run at (2,2) width 80: "rest of space" | 65 text run at (2,2) width 80: "rest of space" |
66 RenderBlock {P} at (0,520) size 769x16 | 66 RenderBlock {P} at (0,546) size 769x18 |
67 RenderText {#text} at (0,0) size 307x16 | 67 RenderText {#text} at (0,0) size 307x18 |
68 text run at (0,0) width 307: "This doesn't work because of the 1st bug
above." | 68 text run at (0,0) width 307: "This doesn't work because of the 1st bug
above." |
69 RenderBlock {P} at (0,552) size 769x16 | 69 RenderBlock {P} at (0,580) size 769x18 |
70 RenderText {#text} at (0,0) size 416x16 | 70 RenderText {#text} at (0,0) size 416x18 |
71 text run at (0,0) width 416: "A second attempt is to specify heights t
hat do add up to the total." | 71 text run at (0,0) width 416: "A second attempt is to specify heights t
hat do add up to the total." |
72 RenderBlock {P} at (0,584) size 769x48 | 72 RenderBlock {P} at (0,614) size 769x54 |
73 RenderText {#text} at (0,0) size 117x16 | 73 RenderText {#text} at (0,0) size 117x18 |
74 text run at (0,0) width 117: "Table height: 200 " | 74 text run at (0,0) width 117: "Table height: 200 " |
75 RenderBR {BR} at (116,12) size 1x0 | 75 RenderBR {BR} at (116,14) size 1x0 |
76 RenderText {#text} at (0,16) size 89x16 | 76 RenderText {#text} at (0,18) size 89x18 |
77 text run at (0,16) width 89: "First Row : 1 " | 77 text run at (0,18) width 89: "First Row : 1 " |
78 RenderBR {BR} at (88,28) size 1x0 | 78 RenderBR {BR} at (88,32) size 1x0 |
79 RenderText {#text} at (0,32) size 118x16 | 79 RenderText {#text} at (0,36) size 118x18 |
80 text run at (0,32) width 118: "Second Row : 199" | 80 text run at (0,36) width 118: "Second Row : 199" |
81 LayoutTable {TABLE} at (0,648) size 90x227 [border: (1px outset #808080)] | 81 LayoutTable {TABLE} at (0,684) size 90x229 [border: (1px outset #808080)] |
82 LayoutTableSection {TBODY} at (1,1) size 88x225 | 82 LayoutTableSection {TBODY} at (1,1) size 88x227 |
83 LayoutTableRow {TR} at (0,2) size 88x20 | 83 LayoutTableRow {TR} at (0,2) size 88x22 |
84 LayoutTableCell {TD} at (2,2) size 84x20 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] | 84 LayoutTableCell {TD} at (2,2) size 84x22 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] |
85 RenderText {#text} at (2,2) size 53x16 | 85 RenderText {#text} at (2,2) size 53x18 |
86 text run at (2,2) width 53: "title line" | 86 text run at (2,2) width 53: "title line" |
87 LayoutTableRow {TR} at (0,24) size 88x199 | 87 LayoutTableRow {TR} at (0,26) size 88x199 |
88 LayoutTableCell {TD} at (2,113) size 84x20 [border: (1px inset #8080
80)] [r=1 c=0 rs=1 cs=1] | 88 LayoutTableCell {TD} at (2,114) size 84x22 [border: (1px inset #8080
80)] [r=1 c=0 rs=1 cs=1] |
89 RenderText {#text} at (2,2) size 80x16 | 89 RenderText {#text} at (2,2) size 80x18 |
90 text run at (2,2) width 80: "rest of space" | 90 text run at (2,2) width 80: "rest of space" |
91 RenderBlock {P} at (0,891) size 769x16 | 91 RenderBlock {P} at (0,929) size 769x18 |
92 RenderText {#text} at (0,0) size 616x16 | 92 RenderText {#text} at (0,0) size 616x18 |
93 text run at (0,0) width 477: "This appears ok, but close inspection wi
ll show that the table is now >200 " | 93 text run at (0,0) width 477: "This appears ok, but close inspection wi
ll show that the table is now >200 " |
94 text run at (476,0) width 140: "pixels high (2rd bug)." | 94 text run at (476,0) width 140: "pixels high (2rd bug)." |
95 RenderBlock {P} at (0,923) size 769x16 | 95 RenderBlock {P} at (0,963) size 769x18 |
96 RenderText {#text} at (0,0) size 433x16 | 96 RenderText {#text} at (0,0) size 433x18 |
97 text run at (0,0) width 433: "A third attempt using 1% and 99% gives i
dentical results (3rd bug)." | 97 text run at (0,0) width 433: "A third attempt using 1% and 99% gives i
dentical results (3rd bug)." |
98 RenderBlock {P} at (0,955) size 769x16 | 98 RenderBlock {P} at (0,997) size 769x18 |
99 RenderText {#text} at (0,0) size 643x16 | 99 RenderText {#text} at (0,0) size 643x18 |
100 text run at (0,0) width 448: "A related bug is the the height of a row
that is not specified explicitly " | 100 text run at (0,0) width 448: "A related bug is the the height of a row
that is not specified explicitly " |
101 text run at (447,0) width 196: "cannot be used by its children." | 101 text run at (447,0) width 196: "cannot be used by its children." |
102 RenderBlock {P} at (0,987) size 769x32 | 102 RenderBlock {P} at (0,1031) size 769x36 |
103 RenderText {#text} at (0,0) size 722x32 | 103 RenderText {#text} at (0,0) size 722x36 |
104 text run at (0,0) width 499: "This example is a table of height 200 wi
th a single row of unspecified height. " | 104 text run at (0,0) width 499: "This example is a table of height 200 wi
th a single row of unspecified height. " |
105 text run at (498,0) width 224: "This contains a DIV whose style is" | 105 text run at (498,0) width 224: "This contains a DIV whose style is" |
106 text run at (0,16) width 248: "height:100%. It ought to fill the entir
e " | 106 text run at (0,18) width 248: "height:100%. It ought to fill the entir
e " |
107 text run at (247,16) width 36: "table." | 107 text run at (247,18) width 36: "table." |
108 LayoutTable {TABLE} at (0,1035) size 309x200 [border: (1px outset #808080)
] | 108 LayoutTable {TABLE} at (0,1083) size 309x200 [border: (1px outset #808080)
] |
109 LayoutTableSection {TBODY} at (1,1) size 307x198 | 109 LayoutTableSection {TBODY} at (1,1) size 307x198 |
110 LayoutTableRow {TR} at (0,2) size 307x194 | 110 LayoutTableRow {TR} at (0,2) size 307x194 |
111 LayoutTableCell {TD} at (2,2) size 303x194 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | 111 LayoutTableCell {TD} at (2,2) size 303x194 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] |
112 RenderBlock {DIV} at (2,2) size 299x190 [bgcolor=#FF0000] | 112 RenderBlock {DIV} at (2,2) size 299x190 [bgcolor=#FF0000] |
113 RenderText {#text} at (0,0) size 299x16 | 113 RenderText {#text} at (0,0) size 299x18 |
114 text run at (0,0) width 299: "A 100% div inside a row of unspe
cified height" | 114 text run at (0,0) width 299: "A 100% div inside a row of unspe
cified height" |
OLD | NEW |