Css layout - second blank page when printing

im using css file from this location:

http://peterned.home.xs4all.nl/examples/csslayout1.html

but for some reason, when I print my page, the first page is perfect, but it starts to print a second page that is blank.

Of course, I only need the first page, but I can not find why it prints a second blank page. Has anyone come across this before or knew what I should change?

I think somehow the css file has some properties in it, which makes my page perhaps too big.

+5
source share
3 answers

I had the same problem just now and found user2624602 answer hepful.

In css just add:

@media print { html, body { height: 99%; } }
+4

, : firefox , , , .

, ( ff, chrome).

, css2: page-break-after:avoid;.

+1

In the above php code you have an error at the end.

</table>

</body></div>
<div id="footer">
<p><img src="images/voet.png" alt="Kop" class="voet"/></p>

</div>

</div>
</html>

It should probably be something like:

          </table>

        </div>
        <div id="footer">
          <p><img src="images/voet.png" alt="Kop" class="voet"/></p>       
        </div>

      </div>
  </body>
</html>
0
source

All Articles