我在Firefox中显示的设计在Firefox中显示正确。但是当使用Firefox或Chrome打开时,单元格的背景图像会出现问题。
问题是带有背景图像的细胞是细长的。我不知道如何解决这个问题。我已经定义了单元格的大小,但Chrome和Explorer表格不尊重此值。
<table border="0" cellspacing="0" cellpadding="0" height="463px">
<tr>
<td rowspan="4" >
<img src="images/principal.gif" border="0" lenght="1037px" height="463px" />
</td>
<td height="146px" id="celda" style="padding:15px;background-image:url(images/capdreta.gif);background-repeat: no-repeat; border:0;" >
<p class="titol"> Anuncio Publicitario</p><br />
<p class="text">Inserte un anuncio <br/>publicitario en tu app</p> <br />
<a href="#">Más Información</a>
</td>
</tr>
<tr>
<td><img src="images/iadd.gif" border="0"/></td>
</tr>
<tr>
<td height="111px" id="celda" style="padding:15px;background-image:url(images/spacegris.gif);background-repeat:">
<p class="titol"> Anuncio Publicitario</p><br/>
<p class="text"> Inserte un anuncio <br/>
publicitario en tu app</p><br />
<a href="#">Más Información</a>
</td>
</tr>
<tr>
<td height="90"><img src="images/rss.gif" border="0"/></td>
</tr>
</table>