Использование относительного / абсолютного положения в TD?

У меня есть следующий код:

<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>

Это вообще не работает. По какой-то причине команда position: relative не читается на TD, и отображается уведомление DIV размещен вне контейнера содержимого внизу моей страницы. Я попытался поместить все содержимое TD в DIV, например:

<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>

Однако это создает новую проблему. Поскольку высота содержимого таблицы ячейка является переменной, DIV не всегда находится внизу ячейки. Если ячейка таблицы выходит за пределы маркера 60 пикселей, но ни одна из других ячеек этого не делает, то в других ячейках DIV будет на 60 пикселей вниз, а не внизу.

105
задан Jason Axelrod 30 December 2010 в 17:10
поделиться