that doesn't work...add some extra space in the right cell and it has the same problem
<html>
<head>
<style type="text/css">
#container
{
height:500px;
}
#mytable
{
border:1px solid #000;
border-collapse:collapse;
height:100%;
}
td
{
padding:2px;
vertical-align:top;
border:1px solid #000;
}
td.special
{
background-color:#9C7E58;
}
</style>
</head>
<body>
<div id="container">
<table id="mytable">
<tr height="50">
<td>top left</td>
<td rowspan="2">right<br><br><
</tr>
<tr height="100%">
<td class="special"> </td
</tr>
</table>
</div>
</body>
</html>
Main Topics
Browse All Topics
by: seanpowellPosted on 2004-06-28 at 11:32:30ID: 11418716
This is the standards-compliant method:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html
<html>
<head>
<style type="text/css">
#container
{
height:500px;
}
#mytable
{
border:1px solid #000;
border-collapse:collapse;
height:100%;
}
td
{
padding:2px;
vertical-align:top;
border:1px solid #000;
}
td.special
{
background-color:#9C7E58;
}
</style>
</head>
<body>
<div id="container">
<table id="mytable">
<tr height="50">
<td>top left</td>
<td rowspan="2">right</td>
</tr>
<tr height="100%">
<td class="special"> </td
</tr>
</table>
</div>
</body>
</html>