blob: 679118e46205fc3240c4d46401b96cde5b1831fd [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.block1 {
border: 1px solid black;
width:15%;
background-color: green;
}
.block2 {
border: 1px solid black;
width:50%;
background-color: blue;
}
.block3 {
border: 1px solid black;
width:15%;
background-color: green;
}
</style>
</head>
<body>
<!-- bug 34758: TD width in percentage doesn't work. -->
<!-- The 2 green rectangles should have the same width. -->
<table id="table" width="50%" height="100%">
<tr>
<td colspan="3" style="border: 1px solid black" height="150">
<table width="600" height="100%"><tr><td></td></tr></table>
</td>
</tr>
<tr valign="top" style="height: 100px">
<td class="block1"></td>
<td class="block2"></td>
<td class="block3"><table style="width: 100%"></table></td>
</tr>
</table>
</body>
</html>