Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / tables / mozilla_expected_failures / bugs / bug32205-1.html
blob5dc394193aec428f373a6a4fb999feb49c0a6d84
1 <html>
2 <head>
3 <title>BUG</title>
4 <style>
5 .sized {
6 height:100%;
8 </style>
9 </head>
10 <body>
12 The following three examples are 2 nested tables.<BR>
13 The inner table has a height of 100%, the outer table has a height set
14 of 200px, on the &lt;table>, &lt;tr> and &lt;td> respectively.<BR><BR>
15 In all examples the inner table should completely fill the outer table.
16 (with respect of the padding and border ofcourse)<BR><BR>
18 <table style="height:200px" border=1>
19 <tr><td>
21 <table class="sized" border=1>
22 <tr><td>outer table has height:200px on &lt;table></td></tr>
23 </table>
25 </td></tr>
26 </table>
28 <BR>
30 <table border=1>
31 <tr style="height:200px"><td>
33 <table class="sized" border=1>
34 <tr><td>outer table has height:200px on &lt;tr></td></tr>
35 </table>
37 </td></tr>
38 </table>
40 <BR>
42 <table border=1>
43 <tr><td style="height:200px">
45 <table class="sized" border=1>
46 <tr><td>outer table has height:200px on &lt;td></td></tr>
47 </table>
49 </td></tr>
50 </table>
52 <BR>
54 <table border=1>
55 <tr><td>
57 <table style="height:50%" border=1>
58 <tr><td>outer table has no height set, inner table has a height of 50%.<BR>
59 Here the height should be set to auto, because the height of the outer td depends
60 on the content.</td></tr>
61 </table>
63 </td></tr>
64 </table>
67 </body>
68 </html>