2009-07-24 11 views
9

Ho una pagina Web che un cliente vorrebbe stampare e la parte che ho difficoltà a girare è quella di mettere il piè di pagina in fondo all'ultima pagina stampata, non proprio quando il contenuto finiscePiè di pagina sull'ultima pagina stampata

ho provato qualcosa di simile

#printfooter{display: block; position:fixed; bottom: 0;} 

ma visualizzato il piè di pagina alla fine di ogni pagina.

Forse sto chiedendo un po 'troppo ai CSS ... È fattibile?

sto pensando dovrei impazzire con < br /> 's (^_^)

+0

io uso lo stesso css, ma quel css funziona solo su firefox. hai lo stesso problema? – printf

risposta

4

cercare di posizionare il corpo relativa e il piè di pagina assoluto:

body { 
    position: relative; 
} 
#printfooter { 
    position: absolute; 
    bottom: 0; 
} 

Con CSS 3 Paged Media module voi potrebbe usare qualcosa del genere:

@page:last { 
    @bottom-center { 
     content: "…"; 
    } 
} 
+3

sì! ... ma nah ... il primo va bene per una pagina, ma non per due ... CSS3 probabilmente non sarà supportato sui broswers del client del client (è interessante come lo è il CSS3). Grazie, ma! – Assembler

+2

Il problema con il primo esempio è che il 'body' deve essere un multiplo dell'altezza del foglio di carta. In caso contrario, il piè di pagina si posizionerà alla fine del contenuto e non alla fine del foglio. – Gumbo