IE中的打印问题

时间:2013-08-15 09:03:01

标签: html internet-explorer printing

我正在尝试支持在IE中打印我的UI,但是我遇到了问题(Chrome很好)。

这就是HTML的样子:

tr {
    height: 120px;
}
td div {
    height: 18px;
    width: 225px;
    background-color: green;
    position: absolute;
}

HTML

<table>
    <tbody>
        <tr>
            <td>
                <table>
                    <tr>
                        <td>Row1
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row2
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row3
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row4
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row5
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row6
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row7
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row8
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row9
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row10
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row11
                            <div></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Row12
                            <div></div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>

上面的内容也在JSFiddle中:

http://jsfiddle.net/52Qn7/2/

http://jsfiddle.net/52Qn7/2/show

打印时,打印2页很好,但是在“td”中放置绿色的div不在第二页打印并在IE中将其推入第3页,这显然是不正确的! / p>

以下是IE中打印输出的屏幕截图: enter image description here

以下是通过Chrome打印输出的方式: enter image description here

你能告诉我可能出现的问题吗?

修改

我在一个表行中有两个表。另一张表打印很好。当我删除具有绿色的“div”的位置:绝对时,所有内容都将打印正常。但是,当我删除那种风格时,我的逻辑就会被打破。

0 个答案:

没有答案