I'm looking for a way have some content printed at the start of each
printed page. I guess this is would be generally useful, since many rules
and standards require that some identifying information appear on each
page.
On Firefox 2, the following simple approach works nicely: wrap the
repeatable initial content in side <div id="hdr">...</hdr> and use e.g.
@media print {
#hdr { position: fixed; top: 0; width: 100%; height: 3em; }
body { position: relative; top: 4em; } }
It degrades gracefully on IE 6, but on IE 7, things get wild: the header
is repeated but it overlays the content proper. If I put the content
proper inside a div and set position: relative; top: 4em for it, then
IE 7 seems to do it right. Demo:
http://www.cs.tut.fi/~jkorpela/test/hdr.html
(I didn't actually print it; I'm relying on Print Preview.)
Is the approach reasonable at all - can it be expected to work on
conforming browsers? Any pitfalls?
Often we'd like to have the header not appear on the front page, but I'm
afraid there is no simple way to prevent that.
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
