mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-14 03:30:17 +01:00
69 lines
1.2 KiB
HTML
69 lines
1.2 KiB
HTML
|
<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>
|