はCSS位置

Question

を実行するマージンを適用し、私はページの一番下に私のフッターを配置するには、以下のCSSコードを使用しています：

<style type="text/css"> 
    @page { 
     @bottom-center { content: element(footer); } 
    } 
    #footer {position: running(footer);} 
</style> 

はわずかに高いそれを表示する方法はありますか？ margin-bottom: 50pxを追加しても効果がないようです。

更新：ページは、あなたが通常使用し、それを達成するにはiTextの

Answer 1

私は最終的にそれが以下のCSSでの作業を取得するために管理：

<style type="text/css"> 
     @page { 
      margin-bottom: 100px; 
      @bottom-center { 
      content:element(footer); 
      } 
     } 

    #footer { 
     position: running(footer); 
    } 
</style> 

以前は、マージン - ボトムを＃ボトムセンターと＃フットーに設定します。

Answer 2

を使用してPDFに変換されます。

#footer { 
    position: absolute; 
    bottom: 50px; 
} 

jsFiddle example