Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2009
    Messaggi
    2

    Salto pagina indesiderato

    Ho una pagina composta da:
    - div.intestazione -- larghezza 100%
    - div.menu -- larghezza 100%
    - div.FineIntestazione -- larghezza 100%
    - div.CorpoCentrale -- larghezza 80%
    - div.ColonnaDestra -- larghezza 20%

    Il mio scopo sarebbe quello di creare uno stile di stampa in cui compaiano solo il div.intestazione ed il div.CorpoCentrale perchè gli altri div sono elementi di navigazione e quindi li vorrei omettere dalla stampa.

    Ho inserito le seguenti istruzioni nel foglio stile della pagina e tutto sembra funzionare bene fino a quando il contenuto entra in una sola facciata. Nel momento in cui il contenuto del CorpoCentrale necessita di andare su una seconda facciata succede che:
    - nella prima facciata viene stampata solo l'intestazione e tutto il resto bianco;
    - nella seconda facciata viene stampato il contenuto di CorpoCentrale (che se serve prosegue sulla terza ed oltre).

    Premetto che nel foglio stile non ci sono istruzioni che alterano i valori di default delle varie proprietà page*.

    @media print {

    div#intestazione {background: White none; color: Black; }
    div#menu {display: none; }
    div#FineIntestazione {display: none; }
    div#CorpoCentrale {background: White none; color: Black;
    width: auto;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid Black;
    border-top: 1px solid Black;
    }
    div#ColonnaDestra {display: none; }

    }

    Grazie dell'aiuto.

  2. #2
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263
    Non so se possa funzionare, ma potresti provare ad dichiarare un "page-break-after:avoid;" per .intestazione.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2009
    Messaggi
    2
    Risolto.
    Il problema era nel float che era impostato per la creazione delle 2 colonne a video.
    Nel div.CorpoCentrale, per la versione della stampa, ho impostato su float:none e tutto si è risolto.

    Grazie all'articolo:
    http://css.html.it/articoli/leggi/19...per-la-stampa/

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.