blob: 29f3c6da3f0270ecd6052586558104773ff9a5c1 [file] [log] [blame]
layer at (0,0) size 785x848
RenderView at (0,0) size 785x600
layer at (0,0) size 785x848
RenderBlock {HTML} at (0,0) size 785x848
RenderBody {BODY} at (8,8) size 769x832
RenderBlock (anonymous) at (0,0) size 769x100
RenderText {#text} at (0,0) size 296x19
text run at (0,0) width 296: "The following three examples are 2 nested tables."
RenderBR {BR} at (296,15) size 0x0
RenderText {#text} at (0,20) size 738x19
text run at (0,20) width 738: "The inner table has a height of 100%, the outer table has a height set of 200px, on the <table>, <tr> and <td> respectively."
RenderBR {BR} at (738,35) size 0x0
RenderBR {BR} at (0,40) size 0x19
RenderText {#text} at (0,60) size 704x19
text run at (0,60) width 704: "In all examples the inner table should completely fill the outer table. (with respect of the padding and border ofcourse)"
RenderBR {BR} at (704,75) size 0x0
RenderBR {BR} at (0,80) size 0x19
RenderTable {TABLE} at (0,100) size 259x200 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 257x198
RenderTableRow {TR} at (0,2) size 257x194
RenderTableCell {TD} at (2,2) size 253x194 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderTable {TABLE} at (2,2) size 249x190 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 247x188
RenderTableRow {TR} at (0,2) size 247x184
RenderTableCell {TD} at (2,82) size 243x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 239x19
text run at (2,2) width 239: "outer table has height:200px on <table>"
RenderBlock (anonymous) at (0,300) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,320) size 239x206 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 237x204
RenderTableRow {TR} at (0,2) size 237x200
RenderTableCell {TD} at (2,85) size 233x34 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderTable {TABLE} at (2,2) size 229x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 227x28
RenderTableRow {TR} at (0,2) size 227x24
RenderTableCell {TD} at (2,2) size 223x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 219x19
text run at (2,2) width 219: "outer table has height:200px on <tr>"
RenderBlock (anonymous) at (0,526) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,546) size 242x206 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 240x204
RenderTableRow {TR} at (0,2) size 240x200
RenderTableCell {TD} at (2,2) size 236x200 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderTable {TABLE} at (2,2) size 232x196 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 230x194
RenderTableRow {TR} at (0,2) size 230x190
RenderTableCell {TD} at (2,85) size 226x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 222x19
text run at (2,2) width 222: "outer table has height:200px on <td>"
RenderBlock (anonymous) at (0,752) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,772) size 595x60 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 593x58
RenderTableRow {TR} at (0,2) size 593x54
RenderTableCell {TD} at (2,2) size 589x54 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderTable {TABLE} at (2,2) size 585x50 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 583x48
RenderTableRow {TR} at (0,2) size 583x44
RenderTableCell {TD} at (2,2) size 579x44 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 364x19
text run at (2,2) width 364: "outer table has no height set, inner table has a height of 50%."
RenderBR {BR} at (366,17) size 0x0
RenderText {#text} at (2,22) size 575x19
text run at (2,22) width 575: "Here the height should be set to auto, because the height of the outer td depends on the content."