Stampa: a capo automatico di una parte

**Teuzzo** · 12-12-2008, 13:44

Devo stampare un html contenente domande a risposta multipla.
Devo fare in modo che il testo di ogni singola domanda e le sue alternative di risposta siano stampate tutte insieme nella stessa pagina.
In pratica devo evitare che un pezzo della domanda vada a finire nella pagina successiva.
In questo caso tutta la domanda con le sue risposte deve finire nella pagina successiva.
Ho provato ad usare
page-break-inside: avoid
ma senza risultato.

Qui sotto c'è il codice html di una pagina di test. Se fate un'anteprima di stampa noterete che pezzi della domanda 4 e della 7 vanno sulla pagina succesiva.
Cosa suggerite?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">


<title>CSS print test</title>
</head><body>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">2) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">3) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">4) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">5) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">6) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">7) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div style="page-break-inside: avoid;">
<div style="font-weight: bold;">8) Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>

</body></html>

**Mich_** · 15-12-2008, 10:07

Punto 1. Quando condividi il software, cerca che la cosa sia scritta in modo umano: nel tuo caso hai evitato qualsiasi indentazione, rendendo difficile l'interpretazione.

Punto 2. Non hai specificato il browser che stai usando: alcuni browser interpreno quasi tutti gli attributi CSS, altri ne saltano alcuni. In alcuni manuali e` riportato quali attributi CSS sono supportati dai vari browser e versioni (ad esempio http://w3schools.com/css/css_reference.asp , ma ci sono altri siti ancora piu` specifici).

Punto 3. In linea di massima non e` il caso di usare il page-break in un CSS standard: occorre inserirlo in un CSS con media="print".

**Teuzzo** · 15-12-2008, 13:09

1) chiedo scusa
2) Firefox 3, Explorer 6: in entrambi non funziona
3) è vero, il mio era solo un esempio per capire il funzionamento

Qualcuno sa aiutarmi?

**Teuzzo** · 15-12-2008, 13:14

Ecco il codice indentato.
Il contenuto all'interno del tag <div style="page-break-inside: avoid;"> è ripetuto 7 volte, quindi basta leggere solo il primo.
La ripetizione serve per far stampare più pagine.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>CSS print test</title>
</head>
<body>

  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
  <div style="page-break-inside: avoid;">
    <div style="font-weight: bold;">1) Lorem ipsum dolor sit amet,
    consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu
    sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit.
    Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed
    tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget
    massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus
    bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam.
    Mauris fringilla sagittis mi. Donec eget massa.</div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper
      nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
  </div>
	
</body>
</html>

**Mich_** · 15-12-2008, 13:29

Che non funzioni in IE6 non mi meraviglia: sono molti gli attributi che non funzionnao o funzionano in modo diverso o parziale.
Invece mi meraviglia molto FF3.

Il mio consiglio e` comunque di provare ad inserirlo in un CSS di stampa (con media="print"), oppure dentro una sezione del CSS individuata da @print (mi riusulta che in FF3 funzioni)
E prova anche il page-break:before; in passato ho visto qualche thread del forum in cui ha funzionato (consiglio: fa' una ricerca nel forum).

**Teuzzo** · 19-12-2008, 12:39

Ho provato ad inserire il foglio di stile esterno com media print ma purtroppo il risultato è identico.
Uso da molto tempo il page-break-after e il page-break-before e sono sempre funzionati, però creano un interruzione di pagina dopo o prima l'elemento selezionato.
A me serve che l'interruzione di pagina sia creata solo se un parte dell'elemento va a capo.

Questo è il nuovo codice con foglio esterno:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS print test</title>
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
</head>
<body>
<div class="item">
<div style="font-weight: bold;">1) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit. Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.

</div>
<div class="item">
<div style="font-weight: bold;">2) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit. Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div class="item">
<div style="font-weight: bold;">3) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit. Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.

</div>
<div class="item">
<div style="font-weight: bold;">4) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit. Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
</div>
<div class="item">
<div style="font-weight: bold;">5) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh. Donec suscipit aliquam velit. Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa. Vestibulum ante ipsum primis.Nunc viverra, lacus id cursus bibendum, augue lectus placerat leo, sed tristique nunc mauris eu quam. Mauris fringilla sagittis mi. Donec eget massa.</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In semper nisl vel arcu. Pellentesque eu sem. Phasellus lobortis leo sed nibh.

</div>
</body>
</html>

e questo è il css:

codice:

.item
{
 page-break-inside: avoid;
 font-size: 20px;
 color: blue;
}

**Mich_** · 19-12-2008, 12:48

Vedo che usi una DTD un po' vecchiotta.

Non so se e` quello, ma io proverei con HTML 4 strict oppure (meglio) con XHTML 1.0 strict. Se non sbaglio, il codice postato e` compatibile con le DTD strict senza problemi.
Infatti alcuni brwoser interpretano il CSS (o alcuni attributi CSS) anche in base alla DTD usata.

**Teuzzo** · 22-12-2008, 11:54

Ho provato ma niente da fare, sempre uguale. Questo è il codice iniziale:

codice:

<?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-REC.css" type="text/css"?>

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Discussione: Stampa: a capo automatico di una parte

Strumenti discussione

Ricerca discussione

Visualizza

Stampa: a capo automatico di una parte

Permessi di invio