0

私はこの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ファンではないようです

ダウンロード ボタンをセルの下部に揃えたい場合は、このフィドルを参照してください。

4

1 に答える 1

0

table relative と image absolute と bottom:0 を指定する必要があります

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

フィドルをチェック

于 2012-09-11T09:02:20.577 に答える