We are getting a consistent problem with the headers on the first page.
The left and right contents appear in the header, but not the center. The footer is correct (has left center and right contents).
The css we use is below.
The left and right contents appear in the header, but not the center. The footer is correct (has left center and right contents).
The css we use is below.
@page
{
size: A4;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin : 22.4mm 25.4mm;
padding: 3mm 0;
@top-center
{
content: string(document-copyright);
vertical-align: bottom;
border-bottom: black solid 0.75pt;
padding-bottom: 3pt;
}
@bottom-center
{
content: counter(page);
vertical-align: top;
border-top: black solid 0.75pt;
padding-top: 3pt;
}
}
@page:left
{
@top-left
{
content: url("../images/imglogo2.gif");
image-resolution: 396dpi;
vertical-align: bottom;
border-bottom: black solid 0.75pt;
padding-bottom: 3pt;
}
@top-right
{
content: string(document-author);
vertical-align: bottom;
border-bottom: black solid 0.75pt;
padding-bottom: 3pt;
}
@bottom-left
{
content: "Revision " string(document-revision);
vertical-align: top;
border-top: black solid 0.75pt;
padding-top: 3pt;
}
@bottom-right
{
content: string(document-title);
vertical-align: top;
border-top: black solid 0.75pt;
padding-top: 3pt;
}
}
@page:right
{
@top-left
{
content: string(document-author);
vertical-align: bottom;
border-bottom: black solid 0.75pt;
padding-bottom: 3pt;
}
@top-right
{
content: url("../images/imglogo2.gif");
image-resolution: 396dpi;
vertical-align: bottom;
border-bottom: black solid 0.75pt;
padding-bottom: 3pt;
}
@bottom-left
{
content: string(document-category);
vertical-align: top;
border-top: black solid 0.75pt;
padding-top: 3pt;
}
@bottom-right
{
content: "Revision " string(document-revision);
vertical-align: top;
border-top: black solid 0.75pt;
padding-top: 3pt;
}
}