Ho avuto una brutta sorpresa, utilizzando un tema basato su Zen. Aggiungendo il file print.css viene (giustamente) levati la barra di navigazione, tabs, sidebars, ecc. Funzione in Internet Explorer, quasi in Opera, ma crea pagine in più (float) ed anche tronca il contenuto ad una pagina solo col buon vecchio Firefox.
Il file print.css contiene un selettore:
#page
{
overflow-y: visibile;
}ma chiaramente questo non funziona. Altro legge di Murphy. Prima di buttarmi dal balcone, ho fatto una piccola ricerca, trovando questo: http://forums.cnet.com/5208-6620_102-0.html?threadID=337810 è l'esempio li dice:
<style media='print' type='text/css'>
#main, .main, .Blog, #Blog1 {
overflow:visible;
width:98%;
float:none;
}
</style>Quindi problemi di float è overflow - proprio quello che avevo io.
Così ho aggiunto:
body,
#page, #page-inner,
#main, #main-inner,
#content-main, #content,
#content-lower, #content-inner-lower,
#content-main-lower,
#footer-bottom,
#closure-blocks, #closure-blocks-inner {
overflow: visible;
width: 98%;
float: none;
}Problema risolto. Nota che ho dovuto aggiungere alla lista tutti i div presente nella versione stampabile (ho probabilmente aggiunto troppi anniditi) perchè body da solo non basta quando div interni hanno dei float...
