I was asked this question month's ago to stackoverflow.com. is anyone here can solve this one ?

I have a fixed element ( for logo , slogan , ect ) and a dynamic table . i give the distance it with <body style="padding-top: 25mm;"> but only the first page that work , another page is not working ( the fixed element and dynamic table doesn't have distance ).

I have try @page{ padding: 50mm 0mm 50mm 0mm;} but padding didn't work. margin is work but that make the fixed element is croped ! ( when i used style="margin-top:-50mm; )

Page 1 : Link

Page 2 : Link

as you see <body style="padding-top: 25mm;"> only work for page 1.

how to give padding on page 2 ?

thanks

Panjiasmara, as defined at http://www.w3.org/TR/CSS2/page.html
the @page rule don't have a padding property, only margin and size.

If you really want that space, you'll have to use margin and fix the logo another way.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.