On May 25, 2007, at 9:44 AM, Lori Lay wrote:
> Jukka K. Korpela wrote:
>> 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,
>
> I had a look at this in various browsers.
>
> Results:
>
> FF 2/Mac, FF 2/Win - Works ok, but the English - the universal
> language
> on the Internet heading with the copyright is repeated on every page.
That is the intention, actually. Position:fixed objects should be
repeated on every page.
> Your hdr division is at the very top of the page.
>
> Safari - Works as expected. The hdr division contents are repeated
> every page, but the English - the universal language... with the
> copyright title is only on the first page.
Safari and WebKit get that wrong
#hdr, which is the fixed position object should be displayed as Fx
2.0 does.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
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/
