[CSS] parliamo di stampa

[0rph3n]

ciao raghi,
sto cercando di creare un css che mi presenti una pagina in formato stampabile.
in poche parole dovrebbe impaginarmi un report (che è formato da più pagine)!
ora per adattare la pagina alle dimensioni di un foglio A4 ho specificato altezze e larghezze varie in millimetri, però quando vado a stampare mi sballa tutto assaje!
intanto vi spiego come l'ho strutturato:
ogni pagina è contenuta in un div con classe divPagina e contiene tre sezioni:

Intestazione (div con classe divIntestazione)
Corpo (div con classe divCorpo)
PiePagina (div con classe divPiePagina)


.divPagina
{
width: 210mm;
height: 297mm;
margin: 0;
padding: 0;
border: none;
page-break-after: always;
}

.divIntestazione
{
width: 100%;
height: 45mm;
margin: 0;
padding: 0;
border: none;
}

.divCorpo
{
width: 100%;
height: 217mm;
margin: 0;
padding: 0;
border: none;
text-align: center;
}

.divPiePagina
{
width: 100%;
height: 35mm;
margin: 0;
padding: 0;
border: none;
text-align: center;
}


che c'è che non va?

tenchiu

[anonimizzato]

Dipende da cosa intendi per "mi sbaglia tutto assaje :D ".

Immagino che questa pagina tu l'abbia anche adattata per il browser giusto?

In questo caso assicurati di assegnare il primo foglio di stile solo al monitor, lo puoi fare associando l'attributo media="screen".

Poi al foglio di stile per la stampa assegni invece media="print".

In questo modo le due formattazioni rimangono completamente separate.

[0rph3n]

non ho associato il css ad alcun media, ma ho lasciato quello di default che dovrebbe essere screen.
in questo modo lo sballamento avviene sia a livello di browser che a livello di stampa.
più tardi provo ad impostarlo per la stampa e vedo che nasce

grazie