rowspan在IE中不起作用

时间:2017-03-02 07:11:23

标签: html internet-explorer cross-browser html-table

我需要一个带边框的特定表格结构。我在IE中有表的问题。 Rowspan不起作用。表格从6列开始。 我需要使用表,因为需要营销平台

我需要这个观点。它适用于Chrome和Firefox:

Imgur

这是IE中的视图:

Imgur

代码:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td></td>
        <td width="600px" style="text-align:center;">
            <table width="600px" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td>
                        <table width="600px" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td colspan="4" width="364px" height="15px"></td>
                                <td colspan="2" rowspan="2" width="236px" height="60px"><a href=""><img src="logo.jpg" alt=" Logo" border="0" /></a></td>
                            </tr>
                            <tr>
                                <td colspan="4" rowspan="2" width="364px" height="225px" style="border-top: 1px solid #000000; border-left: 1px solid #000000;"><img src="header.jpg" alt=" Header" border="0" /></td>
                            </tr>
                            <tr>
                                <td colspan="2" width="236px" height="180px" style="border-right: 1px solid #000000;"></td>
                            </tr>
                            <tr>
                                <td colspan="6" style="border-left: 1px solid #000000; border-right: 1px solid #000000;">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <td width="175px"></td>
                                <td valign="top" align="right">
                                <p style="padding: 0; margin: 0; font-family: 'Tahoma', sans-serif; font-size: 14px; font-weight: normal; color: #000000; line-height: 22px;">Loren</p>
                                </td>
                                <td width="80px"></td>
                                </table>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="6" width="600px" height="30px" style="border-left: 1px solid #000000; border-right: 1px solid #000000;"></td>
                            </tr>
                            <tr>
                                <td width="29px" height="126px"><img src="icons.jpg" alt=" Icons" border="0" /></td>
                                <td width="146px" height="126px"  style="border-bottom:1px solid #000000;"></td>
                                <td colspan="3" height="126px" style="border-bottom:1px solid #000000;" valign="top" align="right"></td>
                                <td width="80px" height="126px" style="border-bottom:1px solid #000000; border-right: 1px solid #000000;"></td>
                            </tr>
                            <tr>
                                <td colspan="5" width="520px" height="30px" valign="top" align="left"><p  style="padding: 0; margin: 0; font-family: 'Tahoma', sans-serif; font-size: 8px; font-weight: normal; color: #000000;">123</p> </td>
                                <td colspan="1" width="80px" height="30px" valign="top" align="right"><p  style="padding: 0; margin: 0; font-family: 'Tahoma', sans-serif; font-size: 8px; font-weight: bold; color: #000000;">123</p></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
        <td></td>
    </tr>
</table>

0 个答案:

没有答案