图像与单元格底部对齐

Question

我有这个html

<style type="text/css">
#DownloadLeaflet  {
bottom: 0px;
}
</style>
<table style="width:97%" summary="">
<tbody>
<tr>
<td style="width:100px" width="118">
    <img style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/RetailBanking/PublishingImages/2008/adsl.png" border="0">
</td>
<td style="width:100%" width="776">
    <div style="height:52px">
      <span class="title">ADSL Service</span><br>
      <em class="Slogan">Be Fast Ahead with Our ADSL Service</em>
    </div>
    <p>
         The new high-speed ADSL connection is now available with privileged conditions 
    </p>
    <p>
         Everybody is getting connected, what are you waiting for? Guarantee your peace of mind in a simple 1-step procedure with a reliable internet service from a trusted source.
    </p>
    <p>
         you will gain the communication edge with a high-performance internet connection at an efficient cost.
    </p>

    <img id="DownloadLeaflet" style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/PublishingImages/Shared/DownloadLeaflet.png" border="0">
</td>
</tr>
</tbody>
</table>

我已经尝试了css的一切可能，但它似乎不是css的粉丝

我想把下载按钮对准单元格的底部，看看这个小提琴。

Answer 1

您必须给出表的相对值和图像的绝对值以及底部：0

http://jsfiddle.net/JfZZD/44/

检查小提琴