关于这个 CSS 打印问题的任何建议答案

【问题标题】：any suggestions on this css print problem关于这个 CSS 打印问题的任何建议
【发布时间】：2010-05-01 14:30:54
【问题描述】：

我的 print.css 上有这段代码：

#header, #tae, #nav, .noprint {display: none;}                          
width: 100%; margin: 0; float: none;

为了不显示那些 div 标签内的元素。但我不知道下面的代码为什么不合作。如果我将 div 标签放在上面。然后我按下打印按钮。我看不到输出。这里是：

<div id="tae">

<table border="0" align="center" cellpadding="0" cellspacing="0" class="bg1">
    <tr>
        <td class="text1" style="height: 50px;">xd627 information management system</td>
    </tr>

    <tr>
        <td class="bg5"><table border="0" cellspacing="0" cellpadding="0" style="height: 62px; padding-top: 15px;">
            <tr align="center">
                <td><a href="userpage.php" class="link1">Homepage</a></td>
                <td><a href="RegStuds.php" class="link1">Database</a></td>

                <td><a href="#" class="link1">About</a></td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
        </table></td>
    </tr>



    <tr>


        <td valign="top" class="bg6">&nbsp;</td>
    </tr>
    <tr>

        <td><table width="780" border="0" cellspacing="0" cellpadding="0">
                <tr valign="top">
                    <td width="20">&nbsp;</td>
                    <td width="297"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>

                                <td><img src="images/spacer.gif" alt="" width="30" height="30" /></td>
                        </tr>


                            </tr>
                            <tr>
                                <td class="text2">

 </div>



   <div id="max">

<?php

//some php code in here showing a mysql table.

?>

</div>

我的代码有什么问题？ php 脚本是否取决于我放置 div 标签的位置？我该怎么办？打印时我想在我的页面中显示的是 mysql 表。我在用着 Universal Document Converter模拟打印。

【问题讨论】：

你的问题是？ #tae 没有被打印出来？或者#max 没有被打印出来？顺便说一句，您还可以使用浏览器的打印预览功能来“模拟”打印。更简单、更可靠。
#max 没有被打印，即使我没有把它作为没有打印在 print.css 中
好吧，那么 HTML 就坏了。也许是一个未封闭的嵌套 div？复制粘贴的部分至少已损坏。该表不完整。通过validator.w3.org 运行它，修复错误并重试。

标签： css html printing

【解决方案1】：

该 sn-p 中的 HTML 已损坏，整个文档都包含在 #tae 中，因此不会打印任何内容，因为所有内容都在一个容器中，即 display: none;

这是该标记的清理版本。

<div id="tae">
    <table border="0" align="center" cellpadding="0" cellspacing="0" class="bg1">
        <tr>
            <td class="text1" style="height: 50px;">xd627 information management system</td>
        </tr>
        <tr>
            <td class="bg5">
                <table border="0" cellspacing="0" cellpadding="0" style="height: 62px; padding-top: 15px;">
                    <tr align="center">
                        <td><a href="userpage.php" class="link1">Homepage</a></td>
                        <td><a href="RegStuds.php" class="link1">Database</a></td>
                        <td><a href="#" class="link1">About</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td valign="top" class="bg6">&nbsp;</td>
        </tr>
        <tr>
            <td>
                <table width="780" border="0" cellspacing="0" cellpadding="0">
                    <tr valign="top">
                        <td width="20">&nbsp;</td>
                        <td width="297">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td>
                                        <img src="images/spacer.gif" alt="" width="30" height="30" />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text2"></td>
                                </tr>
                                <!-- All this is missing, from here... -->
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<!-- ...to here. -->


<div id="max">

<?php

//some php code in here showing a mysql table.

?>

</div>

【讨论】：