table-tag中div-tag中的嵌套table-tag

时间:2013-04-02 14:28:37

标签: html html-table

我有以下令人讨厌的布局:

<table style="width: 100%; word-wrap: break-word; table-layout: fixed">
    <tbody>
        <tr>
            <td class="td1">
                <div class="div1">
                    <br>
                    <div style="font-family: calibri,tahoma,arial; font-size: 14px">
                        <div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px"
                            id="06C" class="common">
                            <span class="display"><span style="font-weight: bold; text-decoration: underline">Reviewer</span></span>
                            <div id="B5E" class="common">
                                &nbsp;</div>
                            <div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
                                margin-left: 8px; padding-top: 2px" id="4FD" class="common">
                                <span class="display"><span style="text-decoration: underline">Consent</span></span>
                                <div id="692" class="common">
                                    &nbsp;</div>
                            </div>
                            <div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
                                margin-left: 8px; padding-top: 2px" id="CF6" class="common">
                                <span class="display"><span style="text-decoration: underline">Indication</span></span>
                                <div id="C17" class="common">
                                    &nbsp;</div>
                            </div>
                            <div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
                                margin-left: 8px; padding-top: 2px" id="59C" class="common">
                                <span class="display"><span style="text-decoration: underline">Location</span></span>
                                <div id="347" class="common">
                                    &nbsp;</div>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div class="div2">
                    <span><span style="font-family: calibri; font-size: 10pt; font-weight: bold">
                        <br>
                        Completed by:</span></span><br>
                    <span style="font-family: calibri; font-size: 10pt">* Mario Brothers&nbsp;on March 27,
                        2013 10:57 AM CDT
                        <br>
                        * Modified by Dennis Goliath on March 27, 2013 11:17 AM CDT </span>
                    <br>
                </div>
            </td>
        </tr>
    </tbody>
</table>
<table style="width: 100%; word-wrap: break-word; table-layout: fixed">
    <tbody>
        <tr>
            <td class="td2">
                <div class="table2" style="width: 100%; height: 100%">
                    <table style="word-wrap: break-word; table-layout: fixed">
                        <tbody>
                            <tr>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Result:
                                </td>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Orange
                                </td>
                            </tr>
                            <tr>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Date:
                                </td>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    March 27, 2013 10:57 AM CDT
                                </td>
                            </tr>
                            <tr>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Status:
                                </td>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    On Going
                                </td>
                            </tr>
                            <tr>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Title:
                                </td>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Note
                                </td>
                            </tr>
                            <tr>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Author:
                                </td>
                                <td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
                                    padding-top: 0px">
                                    Mario Brothers&nbsp; on March 27, 2013 10:57 AM CDT
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    </tbody>
</table>

是的,它是一张桌子里面的一张桌子......我知道......请原谅我:)

我目前正在使用此作为print customization的模板。

我注意到的问题是最后一个表的内容没有打印。但是,当我删除包装表(并将表保留在div中)时,它可以工作。

我怀疑它可能是由于IE(顺便说一下,我绑定到IE)是如何呈现表格的,但不确定。

我想了解发生了什么,所以我感谢您提供的任何信息。

0 个答案:

没有答案