Html表在某些浏览器中看起来会崩溃

时间:2012-10-02 13:37:28

标签: html html-table

表格单元的动态高度存在问题。我已将其设置为rowspan=2,因此它的高度应为2行。

我的代码:

<table cellspacing="0" cellpadding="0" style="width: 640px;" align="center">
<tr>
    <td colspan="3"><img src="bg-top.png" /></td>
    </tr>   
<tr style="height: 669px;">
    <td><img src="bg-left.png" style="display: block"/></td>
    <td valign="top" rowspan=2 >
     lorem ipsu
    </td>
    <td><img align="right" src="bg-right.png" style="display: block"/></td>
</tr>
<tr>
<td background="cont.png"></td>
<td background="cont.png"></td>
</tr>
</table>

我正在尝试使图像看起来像文本周围的边框,如果文本比700px中的文本长,则重复cont.png。它在Opera和Chrome中看起来很好,但在IE和Firefox中它不起作用。

Screnshots:

我可能会改变什么想法?

2 个答案:

答案 0 :(得分:1)

我会将其转换为使用CSS。

答案 1 :(得分:0)

我得到它的工作!你只使用了一行并为它设置了背景图片,然后在它上面左右设置,并用valing = top设置它。现在它的工作方式除了展望外:S