1 layer at (0,0) size 785x1323
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1323
4 RenderBlock {HTML} at (0,0) size 785x1323
5 RenderBody {BODY} at (8,8) size 769x1307 [bgcolor=#FFFFFF]
6 RenderBlock {P} at (0,0) size 769x19
7 RenderText {#text} at (0,0) size 465x19
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,35) size 769x57
10 RenderText {#text} at (0,0) size 763x57
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,19) width 240: "rows. The first row 'just high enough' "
14 text run at (240,19) width 448: "for a title line, and the second contains the rest. Creating such a table is "
15 text run at (688,19) width 75: "hamperd by"
16 text run at (0,38) width 110: "a number of bugs"
17 RenderBlock {OL} at (0,108) size 769x76
18 RenderListItem {LI} at (40,0) size 729x19
19 RenderListMarker at (-21,0) size 16x19: "1"
20 RenderText {#text} at (0,0) size 456x19
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,19) size 729x19
23 RenderListMarker at (-21,0) size 16x19: "2"
24 RenderText {#text} at (0,0) size 669x19
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,38) size 729x38
28 RenderListMarker at (-21,0) size 16x19: "3"
29 RenderText {#text} at (0,0) size 720x38
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,19) width 56: "solutions"
33 RenderBlock {P} at (0,200) size 769x19
34 RenderText {#text} at (0,0) size 506x19
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,235) size 769x19
38 RenderText {#text} at (0,0) size 111x19
39 text run at (0,0) width 111: "It is specifiable as"
40 RenderBlock {BLOCKQUOTE} at (40,270) size 689x57
41 RenderBlock {P} at (0,0) size 689x57
42 RenderText {#text} at (0,0) size 115x19
43 text run at (0,0) width 115: "Table height: 200 "
44 RenderBR {BR} at (115,15) size 0x0
45 RenderText {#text} at (0,19) size 129x19
46 text run at (0,19) width 129: "First Row : 1 or 1% "
47 RenderInline {I} at (0,0) size 217x19
48 RenderText {#text} at (129,19) size 217x19
49 text run at (129,19) width 217: "(i.e. expand to minimum required)"
50 RenderBR {BR} at (346,34) size 0x0
51 RenderText {#text} at (0,38) size 170x19
52 text run at (0,38) width 170: "Second Row : unspecified "
53 RenderInline {I} at (0,0) size 307x19
54 RenderText {#text} at (170,38) size 307x19
55 text run at (170,38) width 307: "(i.e. table height - height of other rows+borders)"
56 RenderText {#text} at (0,0) size 0x0
57 RenderTable {TABLE} at (0,343) size 88x200 [border: (1px outset #808080)]
58 RenderTableSection {TBODY} at (1,1) size 86x198
59 RenderTableRow {TR} at (0,2) size 86x23
60 RenderTableCell {TD} at (2,2) size 82x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
61 RenderText {#text} at (2,2) size 50x19
62 text run at (2,2) width 50: "title line"
63 RenderTableRow {TR} at (0,27) size 86x169
64 RenderTableCell {TD} at (2,100) size 82x23 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
65 RenderText {#text} at (2,2) size 78x19
66 text run at (2,2) width 78: "rest of space"
67 RenderBlock {P} at (0,559) size 769x19
68 RenderText {#text} at (0,0) size 303x19
69 text run at (0,0) width 303: "This doesn't work because of the 1st bug above."
70 RenderBlock {P} at (0,594) size 769x19
71 RenderText {#text} at (0,0) size 406x19
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,629) size 769x57
74 RenderText {#text} at (0,0) size 115x19
75 text run at (0,0) width 115: "Table height: 200 "
76 RenderBR {BR} at (115,15) size 0x0
77 RenderText {#text} at (0,19) size 87x19
78 text run at (0,19) width 87: "First Row : 1 "
79 RenderBR {BR} at (87,34) size 0x0
80 RenderText {#text} at (0,38) size 118x19
81 text run at (0,38) width 118: "Second Row : 199"
82 RenderTable {TABLE} at (0,702) size 88x230 [border: (1px outset #808080)]
83 RenderTableSection {TBODY} at (1,1) size 86x228
84 RenderTableRow {TR} at (0,2) size 86x23
85 RenderTableCell {TD} at (2,2) size 82x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
86 RenderText {#text} at (2,2) size 50x19
87 text run at (2,2) width 50: "title line"
88 RenderTableRow {TR} at (0,27) size 86x199
89 RenderTableCell {TD} at (2,115) size 82x23 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
90 RenderText {#text} at (2,2) size 78x19
91 text run at (2,2) width 78: "rest of space"
92 RenderBlock {P} at (0,948) size 769x19
93 RenderText {#text} at (0,0) size 605x19
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,983) size 769x19
97 RenderText {#text} at (0,0) size 423x19
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,1018) size 769x19
100 RenderText {#text} at (0,0) size 628x19
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,1053) size 769x38
104 RenderText {#text} at (0,0) size 709x38
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,19) width 240: "height:100%. It ought to fill the entire "
108 text run at (240,19) width 34: "table."
109 RenderTable {TABLE} at (0,1107) 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 294x19
115 text run at (0,0) width 294: "A 100% div inside a row of unspecified height"
projects / profile / ivi / webkit-efl.git / blob