Tengo el siguiente código:
<td style="position: relative; min-height: 60px; vertical-align: top;">
Contents of table cell, variable height, could be more than 60px;
<div style="position: absolute; bottom: 0px;">
Notice
</div>
</td>
Esto no funciona en absoluto. Por alguna razón, la posición: el comando relativo no se lee en el TD y el aviso DIV se coloca fuera del contenedor de contenido en la parte inferior de mi página. He intentado poner todo el contenido del TD en un DIV como:
<td>
<div style="position: relative; min-height: 60px; vertical-align: top;">
Contents of table cell, variable height, could be more than 60px;
<div style="position: absolute; bottom: 0px;">
Notice
</div>
</div>
</td>
Sin embargo, esto crea un nuevo problema. Dado que la altura del contenido de la celda de la tabla es variable, el aviso DIV no siempre está en la parte inferior de la celda. Si una celda de la tabla se extiende más allá del marcador de 60px, pero ninguna de las otras celdas lo hace, entonces, en las otras celdas, el aviso DIV está en 60px hacia abajo, en lugar de hacia abajo.