All,
I have just had to start looking at printing using CSS and have run
into a bit of a problem. I have a div on my page that has a database-
rendered Gantt chart type thing in it. This can get quite large, which
is not problem on screen as the div is scrollable, but now i need to
be able to print it out and so obviously scrolling is not an option, i
have tried enlarging the div so it can fit all the content in and the
content will just be printed over several pages (which is what i am
aiming for). However when i make the div higher (in the printing-
specific stylesheet) it does not split the div over the pages, it gets
to the end of the first page and cuts the rest.
I have had a look into page-break-* options but obviously these only
render a page break before or after the div rather than in the middle,
looking around page-break-inside does not seem to be a popular thing
to use (and i could not get it working anyway).
This is probably perfectly normal behaviour but i currently cannot
think of a way of printing my entire Gantt chart so am hoping i might
get some good ideas or pointers.
Unfortunately due to the nature of my work i cannot give a real link,
it is not even on a public accessible web server, but i have knocked
up a page demonstrating the problem here - http://thepartyhouse.co.uk/sandbox/liquidcss/test.php
Many thanks.
Ian