1 layer at (0,0) size 785x1299
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1299
4 RenderBlock {HTML} at (0,0) size 785x1299
5 RenderBody {BODY} at (8,8) size 769x1283 [bgcolor=#FFFFFF]
6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 465x18
8 text run at (0,0) width 465: "This is a simple example of table height problems with only a single table."
9 RenderBlock {P} at (0,34) size 769x54
10 RenderText {#text} at (0,0) size 763x54
11 text run at (0,0) width 481: "The indention here is to specify a table with two rows. The table has a fixed "
12 text run at (481,0) width 278: "overall width (200 for the example) and two"
13 text run at (0,18) width 240: "rows. The first row 'just high enough' "
14 text run at (240,18) width 448: "for a title line, and the second contains the rest. Creating such a table is "
15 text run at (688,18) width 75: "hamperd by"
16 text run at (0,36) width 110: "a number of bugs"
17 RenderBlock {OL} at (0,104) size 769x72
18 RenderListItem {LI} at (40,0) size 729x18
19 RenderListMarker at (-20,0) size 16x18: "1"
20 RenderText {#text} at (0,0) size 456x18
21 text run at (0,0) width 456: "If a height is specified for only one row (not both) then it will be ignored"
22 RenderListItem {LI} at (40,18) size 729x18
23 RenderListMarker at (-20,0) size 16x18: "2"
24 RenderText {#text} at (0,0) size 669x18
25 text run at (0,0) width 430: "If specified heights are insufficient (because the content is too large) "
26 text run at (430,0) width 239: "then the entire table will be expanded."
27 RenderListItem {LI} at (40,36) size 729x36
28 RenderListMarker at (-20,0) size 16x18: "3"
29 RenderText {#text} at (0,0) size 720x36
30 text run at (0,0) width 459: "Percentage heights appear to simply be translated into pixel heights prior "
31 text run at (459,0) width 261: "to other processing, so offer no additional"
32 text run at (0,18) width 56: "solutions"
33 RenderBlock {P} at (0,192) size 769x18
34 RenderText {#text} at (0,0) size 506x18
35 text run at (0,0) width 469: "This following table ought to give the desired results (small title line, large "
36 text run at (469,0) width 37: "body)"
37 RenderBlock {P} at (0,226) size 769x18
38 RenderText {#text} at (0,0) size 111x18
39 text run at (0,0) width 111: "It is specifiable as"
40 RenderBlock {BLOCKQUOTE} at (40,260) size 689x54
41 RenderBlock {P} at (0,0) size 689x54
42 RenderText {#text} at (0,0) size 115x18
43 text run at (0,0) width 115: "Table height: 200 "
44 RenderBR {BR} at (115,14) size 0x0
45 RenderText {#text} at (0,18) size 129x18
46 text run at (0,18) width 129: "First Row : 1 or 1% "
47 RenderInline {I} at (0,0) size 217x18
48 RenderText {#text} at (129,18) size 217x18
49 text run at (129,18) width 217: "(i.e. expand to minimum required)"
50 RenderBR {BR} at (346,32) size 0x0
51 RenderText {#text} at (0,36) size 170x18
52 text run at (0,36) width 170: "Second Row : unspecified "
53 RenderInline {I} at (0,0) size 307x18
54 RenderText {#text} at (170,36) size 307x18
55 text run at (170,36) width 307: "(i.e. table height - height of other rows+borders)"
56 RenderText {#text} at (0,0) size 0x0
57 RenderTable {TABLE} at (0,330) size 88x200 [border: (1px outset #808080)]
58 RenderTableSection {TBODY} at (1,1) size 86x198
59 RenderTableRow {TR} at (0,2) size 86x22
60 RenderTableCell {TD} at (2,2) size 82x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
61 RenderText {#text} at (2,2) size 50x18
62 text run at (2,2) width 50: "title line"
63 RenderTableRow {TR} at (0,26) size 86x170
64 RenderTableCell {TD} at (2,100) size 82x22 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
65 RenderText {#text} at (2,2) size 78x18
66 text run at (2,2) width 78: "rest of space"
67 RenderBlock {P} at (0,546) size 769x18
68 RenderText {#text} at (0,0) size 303x18
69 text run at (0,0) width 303: "This doesn't work because of the 1st bug above."
70 RenderBlock {P} at (0,580) size 769x18
71 RenderText {#text} at (0,0) size 406x18
72 text run at (0,0) width 406: "A second attempt is to specify heights that do add up to the total."
73 RenderBlock {P} at (0,614) size 769x54
74 RenderText {#text} at (0,0) size 115x18
75 text run at (0,0) width 115: "Table height: 200 "
76 RenderBR {BR} at (115,14) size 0x0
77 RenderText {#text} at (0,18) size 87x18
78 text run at (0,18) width 87: "First Row : 1 "
79 RenderBR {BR} at (87,32) size 0x0
80 RenderText {#text} at (0,36) size 118x18
81 text run at (0,36) width 118: "Second Row : 199"
82 RenderTable {TABLE} at (0,684) size 88x229 [border: (1px outset #808080)]
83 RenderTableSection {TBODY} at (1,1) size 86x227
84 RenderTableRow {TR} at (0,2) size 86x22
85 RenderTableCell {TD} at (2,2) size 82x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
86 RenderText {#text} at (2,2) size 50x18
87 text run at (2,2) width 50: "title line"
88 RenderTableRow {TR} at (0,26) size 86x199
89 RenderTableCell {TD} at (2,114) size 82x22 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
90 RenderText {#text} at (2,2) size 78x18
91 text run at (2,2) width 78: "rest of space"
92 RenderBlock {P} at (0,929) size 769x18
93 RenderText {#text} at (0,0) size 605x18
94 text run at (0,0) width 469: "This appears ok, but close inspection will show that the table is now >200 "
95 text run at (469,0) width 136: "pixels high (2rd bug)."
96 RenderBlock {P} at (0,963) size 769x18
97 RenderText {#text} at (0,0) size 423x18
98 text run at (0,0) width 423: "A third attempt using 1% and 99% gives identical results (3rd bug)."
99 RenderBlock {P} at (0,997) size 769x18
100 RenderText {#text} at (0,0) size 628x18
101 text run at (0,0) width 437: "A related bug is the the height of a row that is not specified explicitly "
102 text run at (437,0) width 191: "cannot be used by its children."
103 RenderBlock {P} at (0,1031) size 769x36
104 RenderText {#text} at (0,0) size 709x36
105 text run at (0,0) width 489: "This example is a table of height 200 with a single row of unspecified height. "
106 text run at (489,0) width 220: "This contains a DIV whose style is"
107 text run at (0,18) width 240: "height:100%. It ought to fill the entire "
108 text run at (240,18) width 34: "table."
109 RenderTable {TABLE} at (0,1083) size 304x200 [border: (1px outset #808080)]
110 RenderTableSection {TBODY} at (1,1) size 302x198
111 RenderTableRow {TR} at (0,2) size 302x194
112 RenderTableCell {TD} at (2,2) size 298x194 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
113 RenderBlock {DIV} at (2,2) size 294x190 [bgcolor=#FF0000]
114 RenderText {#text} at (0,0) size 294x18
115 text run at (0,0) width 294: "A 100% div inside a row of unspecified height"