Header on every page

liunx

Guest
is there anything in css that will allow a header to appear on the top of everypage.

When i print a web page i would like to have the same header at the top of everypage.

Can this be done w/ css.I believe the best way to accomplish this would be with server side includes (SSI) or a scripting language like PHP, ASP, etc.

If you don't have access to that, you could try an inline frame or even a normal frame.

However, if I understand the question you are asking, this is not a css question.<!-- m --><a class="postlink" href="http://bonrouge.com/br.php?page=faq#includesok">http://bonrouge.com/br.php?page=faq#includesok</a><!-- m -->, i dont think i explained it that good.
I know about the includes that you can use to include a header file.

What im looking for is this.
I have a report that runs on a web page and we can print it off.
When you print the report, it prints out about 10 pages.
Now the header only appears on the first page that you print.
It is just printing what is displayed on the browser.

Now i did not now if there was any CSS that i could use that says,
when i start printing on a new page, print what ever again, and in my case i just called it a header.

Right now what i have to do is try to count how many rows have been added to the page and after say 28 records/rows or loops that i need to do a pagebreak and then reprint the header to start the new page over again.

What this leaves me with, it when i run the report, the same header shows up on the page like 8 times and then the report is kind of clunky in that it displays a header on the web page 8 times.

I was looking for something along the lines of MS Word where you can set a header like


Monthly Inventory Report
07/01/2005

where it shows up greyed out, and it does not matter how many pages you print, this will print on every page
and have the browser just now to inlude this on every page.

Did that make sence?Try using the @page rule for your need. If I have misunderstood your question then try using the following code in the <HEAD></HEAD> tags ( or if you wish between the <BODY></BODY> tags) :
<style type="text/css">
div#header{
position:absolute;
top : 10px; /* Change the px according to your needs*/
/* other attributes like font size, color, face etc. */
}
</style>

your header would be like follows :
<div id="header"><!-- Your header content --></div>what is the @page rule, i found this yesterday and tried it a couple of ways but w/ no success. Im not sure i was implementing it correctlysearch google with the following parameters :
'site:w3.org page rule'

You will be on your destination Hopefully!
 
Back
Top