| <html> |
| <head> |
| <title>BUG</title> |
| <style> |
| .sized { |
| height:100%; |
| } |
| </style> |
| </head> |
| <body> |
| |
| The following three examples are 2 nested tables.<BR> |
| The inner table has a height of 100%, the outer table has a height set |
| of 200px, on the <table>, <tr> and <td> respectively.<BR><BR> |
| In all examples the inner table should completely fill the outer table. |
| (with respect of the padding and border ofcourse)<BR><BR> |
| |
| <table style="height:200px" border=1> |
| <tr><td> |
| |
| <table class="sized" border=1> |
| <tr><td>outer table has height:200px on <table></td></tr> |
| </table> |
| |
| </td></tr> |
| </table> |
| |
| <BR> |
| |
| <table border=1> |
| <tr style="height:200px"><td> |
| |
| <table class="sized" border=1> |
| <tr><td>outer table has height:200px on <tr></td></tr> |
| </table> |
| |
| </td></tr> |
| </table> |
| |
| <BR> |
| |
| <table border=1> |
| <tr><td style="height:200px"> |
| |
| <table class="sized" border=1> |
| <tr><td>outer table has height:200px on <td></td></tr> |
| </table> |
| |
| </td></tr> |
| </table> |
| |
| <BR> |
| |
| <table border=1> |
| <tr><td> |
| |
| <table style="height:50%" border=1> |
| <tr><td>outer table has no height set, inner table has a height of 50%.<BR> |
| Here the height should be set to auto, because the height of the outer td depends |
| on the content.</td></tr> |
| </table> |
| |
| </td></tr> |
| </table> |
| |
| |
| </body> |
| </html> |
