Hey there, can you help me out with this code snippet?
<html>
<body>
<table>
<tr>
<td>
<div class="the-div">h:100%</div>
</td>
<td>
<div class="the-div-w-height">h:100px</div>
</td>
</tr>
</table>
</body>
</html>
And here is the corresponding CSS style:
.the-div
{
height: 100%;
background-color: red;
}
.the-div-w-height
{
height : 100px;
background-color: yellow;
}
I'm trying to get the red div to stretch inside the table cell while allowing the other div to adjust its height based on content. Essentially, I want the first div to expand along with the table.
Your assistance would be greatly appreciated!