I have a page that displays 6 little tables, of varying height, in series down the page.

When I print the page, i want only to print *whole* tables. At the moment when i print the page the tables can be cut in half, going over two pages. Is there any way to force page breaks either side of tables?

Cheers for feedback.

You could set up a different style sheet for printing. You would just need to use media="print" when calling the style sheet or within the head of the document.

It's probably going to take some scripting to determine where to stop printing and have a page break. You could use javascript to determine the y-coordinate of the top and bottom of the tables and if the table would cross where you want the page break to be you could insert some spacing above that table so it gets pushed down further on the page for printing.

As I'm thinking about this it might not be so trivial to set up the script, but I think it could all be set up with some basic dhtml, using javascript to find the table position and then modify the stylesheet for printing.

Yeah, i already have a print stylesheet, i was just hoping there would be some 'pagebreak' attibute i could stick in a div, which would make things simple.

Writing a javascript like you suggest sounds like a big headache, specially for somebody not much cop with the language (like me).

there is a page break CSS property, don't know which browsers support it....
http://www.w3schools.com/css/pr_print_pagebb.asp

EDIT: here's a compatibility chart: http://www.webmasterstop.com/118.html

Hey that's a new property for me. Cool. Looks like it's only half safe for IE, but I've found a lot of things that are only supposed to be half safe work fine.

a half-working page break is better than none at all i guess, cheers!

The page is for my company intranet, and ive got everybody set up with ff 1.5, so its not that big an issue really.

If it is a specific page that people need to print. Why not just hard code it as a word doc and let them download it.