Hi,

We have a page with a table in it with alot of columns and rows. The first 3 rows has to be fixed. The rows under that are scrollable if they become longer than a certain height.

the code is something like this:

<div> <table> </table> </div>
<div style="overflow: scroll; height: xxx"> <table ..> </table> </div>
(<tr>'s and <td>'s are left out for simplicity)

This all works fine until we try to print the page. It won't print the whole content if its bigger than what you see on the screen(ie. lower part is scrolalble), it only prints what you see on the screen. This problem is caused because we want the 3 top rows to be fixed(which is essential).

If we remove the overflow:scroll property in the second <div> it can print out the whole content nicely even if the content is several pages.

One solution is to have a link to a print-friendly page/version where the top 3 rows aren't fixed. This however is not ideal for maintaining the page because everytime you edit the page you have to edit the print-friendly page also.

Does anyone see a solution for this? Like how you can print out the whole content of multiple pages if you have 2 divs and 1 is set with an overflow: scroll property?  Or how you configure it so that if you modify the page, the printerfriendly page also gets automatically modified but it still to keep the 1 code line difference with the original (where the overflow property is removed).

Greetins,
Alain.