Få div i top og bund i tabel kolonne
Jeg har en tabel med x antal kolonner, i hver kolonne er der 2 divs, den ene skal placeres i toppen af kolonnen og den anden i bunden. Hvordan gør jeg det?eks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr>
<td style="width: 150px;height:100%">
<div>
<strong>Overskrift</strong>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.
</p>
</div>
<div style="width: 150px;height: 30px; background-color: black">
Knap
</div>
</td>
<td style="width: 150px">
<div>
<strong>Overskrift</strong>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.
</p>
</div>
<div style="width: 150px;height: 30px; background-color: black;absolute:relative;bottom:10px;">
Knap
</div>
</td>
</tr>
<tr>
<td style="width: 150px">
<div style="">
<strong>Overskrift</strong>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod .
</p>
</div>
<div style="width: 150px;height: 30px; background-color: black">
Knap
</div>
</td>
<td style="width: 150px">
<div>
<strong>Overskrift</strong>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.
</p>
</div>
<div style="width: 150px;height: 30px; background-color: black">
Knap
</div>
</td>
</tr>
</table>
</body>
</html>
