1 layer at (0,0) size 785x824
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x824
4 RenderBlock {HTML} at (0,0) size 785x824
5 RenderBody {BODY} at (8,8) size 769x808
6 RenderBlock (anonymous) at (0,0) size 769x96
7 RenderText {#text} at (0,0) size 318x16
8 text run at (0,0) width 318: "The following three examples are 2 nested tables."
9 RenderBR {BR} at (317,12) size 1x0
10 RenderText {#text} at (0,16) size 698x32
11 text run at (0,16) width 698: "The inner table has a height of 100%, the outer table has a height set of 200px, on the <table>, <tr> and <td>"
12 text run at (0,32) width 82: "respectively."
13 RenderBR {BR} at (81,44) size 1x0
14 RenderBR {BR} at (0,48) size 0x16
15 RenderText {#text} at (0,64) size 758x16
16 text run at (0,64) width 758: "In all examples the inner table should completely fill the outer table. (with respect of the padding and border ofcourse)"
17 RenderBR {BR} at (757,76) size 1x0
18 RenderBR {BR} at (0,80) size 0x16
19 RenderTable {TABLE} at (0,96) size 275x200 [border: (1px outset #808080)]
20 RenderTableSection {TBODY} at (1,1) size 273x198
21 RenderTableRow {TR} at (0,2) size 273x194
22 RenderTableCell {TD} at (2,2) size 269x194 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
23 RenderTable {TABLE} at (2,2) size 265x190 [border: (1px outset #808080)]
24 RenderTableSection {TBODY} at (1,1) size 263x188
25 RenderTableRow {TR} at (0,2) size 263x184
26 RenderTableCell {TD} at (2,84) size 259x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
27 RenderText {#text} at (2,2) size 255x16
28 text run at (2,2) width 255: "outer table has height:200px on <table>"
29 RenderBlock (anonymous) at (0,296) size 769x16
30 RenderBR {BR} at (0,0) size 0x16
31 RenderTable {TABLE} at (0,312) size 254x206 [border: (1px outset #808080)]
32 RenderTableSection {TBODY} at (1,1) size 252x204
33 RenderTableRow {TR} at (0,2) size 252x200
34 RenderTableCell {TD} at (2,87) size 248x30 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
35 RenderTable {TABLE} at (2,2) size 244x26 [border: (1px outset #808080)]
36 RenderTableSection {TBODY} at (1,1) size 242x24
37 RenderTableRow {TR} at (0,2) size 242x20
38 RenderTableCell {TD} at (2,2) size 238x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
39 RenderText {#text} at (2,2) size 234x16
40 text run at (2,2) width 234: "outer table has height:200px on <tr>"
41 RenderBlock (anonymous) at (0,518) size 769x16
42 RenderBR {BR} at (0,0) size 0x16
43 RenderTable {TABLE} at (0,534) size 257x206 [border: (1px outset #808080)]
44 RenderTableSection {TBODY} at (1,1) size 255x204
45 RenderTableRow {TR} at (0,2) size 255x200
46 RenderTableCell {TD} at (2,2) size 251x200 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
47 RenderTable {TABLE} at (2,2) size 247x196 [border: (1px outset #808080)]
48 RenderTableSection {TBODY} at (1,1) size 245x194
49 RenderTableRow {TR} at (0,2) size 245x190
50 RenderTableCell {TD} at (2,87) size 241x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
51 RenderText {#text} at (2,2) size 237x16
52 text run at (2,2) width 237: "outer table has height:200px on <td>"
53 RenderBlock (anonymous) at (0,740) size 769x16
54 RenderBR {BR} at (0,0) size 0x16
55 RenderTable {TABLE} at (0,756) size 630x52 [border: (1px outset #808080)]
56 RenderTableSection {TBODY} at (1,1) size 628x50
57 RenderTableRow {TR} at (0,2) size 628x46
58 RenderTableCell {TD} at (2,2) size 624x46 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
59 RenderTable {TABLE} at (2,2) size 620x42 [border: (1px outset #808080)]
60 RenderTableSection {TBODY} at (1,1) size 618x40
61 RenderTableRow {TR} at (0,2) size 618x36
62 RenderTableCell {TD} at (2,2) size 614x36 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
63 RenderText {#text} at (2,2) size 391x16
64 text run at (2,2) width 391: "outer table has no height set, inner table has a height of 50%."
65 RenderBR {BR} at (392,14) size 1x0
66 RenderText {#text} at (2,18) size 610x16
67 text run at (2,18) width 610: "Here the height should be set to auto, because the height of the outer td depends on the content."