В качестве продолжения этого вопроса об абсолютном позиционировании в ячейке таблицы, я пытаюсь заставить что-то работать в Firefox. Еще раз, я на 95% там, и есть только одна маленькая вещь, которая мешает мне объявить победу. Используя следующую разметку образца:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test</title>
<style type="text/css">
table { width:500px; border-collapse:collapse}
th, td { border:1px solid black; vertical-align: top; }
th { width:100px; }
td { background:#ccc; }
.wrap { position:relative; height:100%; padding-bottom:1em; background:#aaa; }
.manage { text-align:right; position:absolute; bottom:0; right:0; }
p{ margin: 0 0 5px 0; }
</style>
</head>
<body >
<table>
<tr>
<th>Mauris tortor nulla, sagittis ut, faucibus eu, imperdiet ut, libero.</th>
<td><div class="wrap"><p>Cras diam.</p><div class="manage">Edit | Delete</div></div></td>
</tr>
<tr>
<th>Cras diam.</th>
<td><div class="wrap"><p>Cras diam.</p><div class="manage">Edit | Delete</div></div></td>
</tr>
<tr>
<th>Cras diam.</th>
<td><div class="wrap"><p>Mauris tortor nulla, sagittis ut, faucibus eu, imperdiet ut, libero. Sed elementum. Praesent porta, tellus ut dictum ullamcorper, est ante condimentum metus, non molestie lorem turpis in sapien. Aenean id enim. Nullam placerat blandit ante. Aenean ac ligula.</p><div class="manage">Edit | Delete</div></div></td>
</tr>
</table>
</body>
</html>
Как я могу получить div обтекания, чтобы всегда заполнять ячейку, чтобы область управления находилась внизу ячейки? И да, данные, которые я помещаю в таблицу, (на мой взгляд) являются табличными, поэтому я хотел бы использовать таблицу здесь. В качестве последнего средства я могу обратиться к некрасивому вложенному решению div, но поскольку таблица семантически верна, я бы хотел использовать ее, если это возможно. Обратите внимание, что цвета фона просто отображают относительные размеры элементов - мне безразличен фон для моего макета. Также обратите внимание, что я хотел бы, чтобы ячейки имели гибкую высоту, чтобы они только расширялись настолько, чтобы соответствовать их содержимому.