Topic: Supporto della clausola page-break-inside (CSS 2.0)

[Top Cat]

Buongiorno a tutti,
eccomi al mio primo post su questo forum. Vorrei sapere se qualcun'altro ha gia' avuto problemi usando, nei CSS riservati per la stampa, la clausola page-break-inside: avoid (le altre page-break-before e page-break-after funzionano regolarmente). Sto letteralmente impazzendo, i miei CSS funzionano con tutti i possibili browsers tranne con FF, che ignora la direttiva ed introduce il page break nel bel mezzo di un div, spezzando testi ed immagini come gli pare. Mi sembra incredibile che un problema del genere non sia mai stato notato prima, devo pensare quindi che ci sia qualcosa che non va nei miei CSS.... o esiste qualche trucco che non conosco ?? Qualcuno ha mai sperimentato una situazione ?? 

[Godai71]

Puoi fornire l'indirizzo di una pagina di esempio (sempre se lecita)?

Sposto in Siti non funzionanti

[klades]

Mi dispiace, ma Firefox non ha il supporto per quella specifica, leggi:

https://developer.mozilla.org/en/CSS/page-break-inside
https://developer.mozilla.org/en/CSS/page-break-before
https://developer.mozilla.org/en/CSS/page-break-after
e https://bugzilla.mozilla.org/show_bug.cgi?id=132035

per maggiori informazioni.

[Top Cat]

Non posso in quanto il mio sito non e' ancora disponibile online, pero' posso mostrarti la porzione di CSS che sto usando. Poiche' questa clausola si applica solo agli oggetti con display: block (come i div) sto usando una classe di div (.riga-di-tabella) per contenere una tabella (della classe .rassegne) dotata di una sola riga; inserisco poi un'istanza di riga-di-tabella per ciascuna riga. Qualcuno conosce un modo piu' furbo per stampare una tabella molto lunga in modo da non spezzare la singola riga ???? Di seguito il CSS in uso:

Codice: [Seleziona]

/* --------------------------------------- */

.riga-di-tabella {
    position: relative;
    float: none;
    width: auto;
    z-index: 3;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    color: rgb(0,45,175);
    border: 0px;
    page-break-inside: avoid;
    background-color: transparent;
}

.rassegne {
    margin-left: 5px;
    background-color: transparent;
}

.rassegne td {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    margin: 10px;
    border: 1px solid rgb(0,45,175);
    background-color: transparent;
}

/* --------------------------------------- */
Grazie a tutti,
Top Cat

Edit By Godai71: Messo codice tra tag code