不同浏览器之间的表格单元格上的背景图像问题

时间:2011-09-01 08:08:53

标签: css cross-browser

我在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>

1 个答案:

答案 0 :(得分:0)

您的<img>代码应该包含width而不是lenght(不存在)

请参阅 demo (图片无法正常使用,因为我没有他们的网址)