blob: d26b8fe583ae3db09547f7e814a2b840f7ac2c0f [file] [log] [blame]
layer at (0,0) size 785x1299
RenderView at (0,0) size 785x600
layer at (0,0) size 785x1299
RenderBlock {HTML} at (0,0) size 785x1299
RenderBody {BODY} at (8,8) size 769x1283 [bgcolor=#FFFFFF]
RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 477x18
text run at (0,0) width 477: "This is a simple example of table height problems with only a single table."
RenderBlock {P} at (0,34) size 769x54
RenderText {#text} at (0,0) size 744x54
text run at (0,0) width 489: "The indention here is to specify a table with two rows. The table has a fixed "
text run at (488,0) width 256: "overall width (200 for the example) and"
text run at (0,18) width 271: "two rows. The first row 'just high enough' "
text run at (270,18) width 456: "for a title line, and the second contains the rest. Creating such a table is"
text run at (0,36) width 192: "hamperd by a number of bugs"
RenderBlock {OL} at (0,104) size 769x72
RenderListItem {LI} at (40,0) size 729x18
RenderListMarker at (-20,0) size 16x18: "1"
RenderText {#text} at (0,0) size 466x18
text run at (0,0) width 466: "If a height is specified for only one row (not both) then it will be ignored"
RenderListItem {LI} at (40,18) size 729x18
RenderListMarker at (-20,0) size 16x18: "2"
RenderText {#text} at (0,0) size 684x18
text run at (0,0) width 441: "If specified heights are insufficient (because the content is too large) "
text run at (440,0) width 244: "then the entire table will be expanded."
RenderListItem {LI} at (40,36) size 729x36
RenderListMarker at (-20,0) size 16x18: "3"
RenderText {#text} at (0,0) size 670x36
text run at (0,0) width 471: "Percentage heights appear to simply be translated into pixel heights prior "
text run at (470,0) width 200: "to other processing, so offer no"
text run at (0,18) width 126: "additional solutions"
RenderBlock {P} at (0,192) size 769x18
RenderText {#text} at (0,0) size 520x18
text run at (0,0) width 483: "This following table ought to give the desired results (small title line, large "
text run at (482,0) width 38: "body)"
RenderBlock {P} at (0,226) size 769x18
RenderText {#text} at (0,0) size 115x18
text run at (0,0) width 115: "It is specifiable as"
RenderBlock {BLOCKQUOTE} at (40,260) size 689x54
RenderBlock {P} at (0,0) size 689x54
RenderText {#text} at (0,0) size 112x18
text run at (0,0) width 112: "Table height: 200"
RenderBR {BR} at (111,0) size 1x18
RenderText {#text} at (0,18) size 131x18
text run at (0,18) width 131: "First Row : 1 or 1% "
RenderInline {I} at (0,0) size 220x18
RenderText {#text} at (130,18) size 220x18
text run at (130,18) width 220: "(i.e. expand to minimum required)"
RenderBR {BR} at (349,18) size 1x18
RenderText {#text} at (0,36) size 171x18
text run at (0,36) width 171: "Second Row : unspecified "
RenderInline {I} at (0,0) size 313x18
RenderText {#text} at (170,36) size 313x18
text run at (170,36) width 313: "(i.e. table height - height of other rows+borders)"
RenderText {#text} at (0,0) size 0x0
RenderTable {TABLE} at (0,330) size 90x200 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 88x198
RenderTableRow {TR} at (0,2) size 88x22
RenderTableCell {TD} at (2,2) size 84x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x18
text run at (2,2) width 53: "title line"
RenderTableRow {TR} at (0,26) size 88x170
RenderTableCell {TD} at (2,100) size 84x22 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 80x18
text run at (2,2) width 80: "rest of space"
RenderBlock {P} at (0,546) size 769x18
RenderText {#text} at (0,0) size 307x18
text run at (0,0) width 307: "This doesn't work because of the 1st bug above."
RenderBlock {P} at (0,580) size 769x18
RenderText {#text} at (0,0) size 415x18
text run at (0,0) width 415: "A second attempt is to specify heights that do add up to the total."
RenderBlock {P} at (0,614) size 769x54
RenderText {#text} at (0,0) size 112x18
text run at (0,0) width 112: "Table height: 200"
RenderBR {BR} at (111,0) size 1x18
RenderText {#text} at (0,18) size 85x18
text run at (0,18) width 85: "First Row : 1"
RenderBR {BR} at (84,18) size 1x18
RenderText {#text} at (0,36) size 118x18
text run at (0,36) width 118: "Second Row : 199"
RenderTable {TABLE} at (0,684) size 90x229 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 88x227
RenderTableRow {TR} at (0,2) size 88x22
RenderTableCell {TD} at (2,2) size 84x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x18
text run at (2,2) width 53: "title line"
RenderTableRow {TR} at (0,26) size 88x199
RenderTableCell {TD} at (2,114) size 84x23 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,1) size 80x20
text run at (2,2) width 80: "rest of space"
RenderBlock {P} at (0,929) size 769x18
RenderText {#text} at (0,0) size 616x18
text run at (0,0) width 477: "This appears ok, but close inspection will show that the table is now >200 "
text run at (476,0) width 140: "pixels high (2rd bug)."
RenderBlock {P} at (0,963) size 769x18
RenderText {#text} at (0,0) size 432x18
text run at (0,0) width 432: "A third attempt using 1% and 99% gives identical results (3rd bug)."
RenderBlock {P} at (0,997) size 769x18
RenderText {#text} at (0,0) size 641x18
text run at (0,0) width 446: "A related bug is the the height of a row that is not specified explicitly "
text run at (445,0) width 196: "cannot be used by its children."
RenderBlock {P} at (0,1031) size 769x36
RenderText {#text} at (0,0) size 721x36
text run at (0,0) width 498: "This example is a table of height 200 with a single row of unspecified height. "
text run at (497,0) width 224: "This contains a DIV whose style is"
text run at (0,18) width 247: "height:100%. It ought to fill the entire "
text run at (246,18) width 36: "table."
RenderTable {TABLE} at (0,1083) size 307x200 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 305x198
RenderTableRow {TR} at (0,2) size 305x194
RenderTableCell {TD} at (2,2) size 301x194 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (2,2) size 297x190 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 297x18
text run at (0,0) width 297: "A 100% div inside a row of unspecified height"