| 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 |