39 lines
866 B
HTML
39 lines
866 B
HTML
<!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 precentage 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>
|