Hi,
I'm trying to create a print layout for my web content. The stationery for
the printed sheet contains four images, each to be put in one of the printed
page's four corners:
|--------------|
|***** ###|
| |
| |
| |
| |
| |
| |
|=== ~~|
|--------------|
So far I thought the @Page directive would do the job. Apparently it
doesn't. The images only appear on the first page. What am I doing wrong
here?
Thanks for enlightening me
Axel Dahmen
----------------------
This is the code I'm using:
@media print
{
.printImg
{
display: inline;
position: absolute;
z-index: -1;
}
#ltImg
{
left: 0;
top: 0;
}
#rtImg
{
right: 0;
top: 0;
}
#lbImg
{
left: 0;
bottom: 0;
}
#rbImg
{
right: 0;
bottom: 0;
}
#Letter_divPage
{
border: 0;
width: 100%;
margin: 0;
z-index: -2;
}
#Letter_divAddress, #Letter_divContent
{
background-color: transparent;
z-index: 2;
}
}
@page
{
position: relative;
margin: 0;
padding: 0;
}