Repeating a Row at top of printed page 1

[DreamerZ]

Is there a CSS way to repeat a row at the top of every printed page without repeating it on the screen?

I'm open to other suggestions if CSS can't do it. I'm using PHP and JS to create the pages.

Thanks,


DreamerZ

 

[dkdude]

DreamerZ,

Try [tt]@media screen[/tt] and [tt]@media print[/tt].

Here's a reference :

http://www.w3schools.com/css/css_mediatypes.asp

Regards ;-)


Jakob

 

[Vragabond]

This can be done with <thead>, <tbody> and <tfoot> tags for table. See more information at the W3 website. I remember this technique was working ok.

 

[cLFlaVA]

Vrag I'm giving you a star cause that's bad-ass. Thanks for bringing it up.

*cLFlaVA
----------------------------
[tt]tastes great, less filling.[/tt]

 

[DreamerZ]

Thanks for the suggestions. I know about the media types. I'm using them already. I'll take a look at the thead/body/foot tags too. Didn't find those on my first search of W3 before posting here.

Thx for the responses.


DreamerZ

 

[Vragabond]

Thanks cLFlaVA. I actually just remembered that this technique does not work out of the box for IE (how shocking!). In order to make it work, you need to add:

thead { display: table-header-group; }
tfoot { display: table-footer-group; }

That is actually default display property for those elements, but IE needs to have it explicitly stated. Aah, IE.

 

[ChrisHunt]

See faq215-2773

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd