A LEGEND that prints on the bottom of each page..??

[cakeday]

I am designing a web report and the report is supposed to have A LEGEND that prints on the bottom of each page..

How do i do it?

I am not even sure, if this is a CSS question.. but i am just trying my luck..

Thank you!

[Hester]

I think we have been here before. Use the same trick for getting a header on the top of a page. You might want to think now about creating a layout that fits an A4 sheet of paper. You might have a div at the top, a div at the bottom and a large one in the middle where your tables go. Are you getting what I mean?

[cakeday]

No, not really!! But how do i know, where the page is going to break.. because the data is random - sometimes, it takes 2 lines/row in a table and sometimes, it just takes 1.. in that case, how do i determine, how many rows will fit on one page?

And, i am not getting the div on the top and on the bottom.. part.. Can you please give me an example..

Thank you!

[Hester]

Yo, I gave you an example elsewhere. Remember we used a div that was hidden in the screen stylesheet, but shown in the printer one? OK, let's do this:

Make 3 divs on your page. Eg:<div id="header>My Report</div>

<div id="main"><table>...</table></div>

<div id="footer">(C) Me 2003</div>What you then do is put the table inside the main div (as shown) and make the div a fixed size. (Assuming you can fit the table in!)

Example (in your screen stylesheet):#header {display:none;}

#main {position:absolute; top:50px; left:10px; height:500px; width:780px;}

#footer {display:none;}So what we get is a fixed 'container' for the main section. Not an ideal layout, but it might be what you want.

Remember in the print stylesheet to make the header and footer {display:block;} or set their position like the main div is set.

You can see that I'm giving you a way to make a layout where you control what goes where, how high the sections are. (There is a lot more you can do as well using divs.)

So the page can be made to fit the sheet of paper.