Discussion :

[tithou]

Bonjour à tous !

J'ai un problème concernant l'impression définie par CSS (media="print") sous Firefox : je n'arrive pas à avoir un saut de page lorsqu'il doit se faire dans un tableau.
ça marche très bien sous IE8 (et Chrome 22) mais pas sous Firefox 15.0...

Si vous avez la moindre piste/indice/solution, je suis toute ouïe !

Voici mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<link rel="stylesheet" type="text/css" href="table_css.css" media="print"/>
<table>
	<tr>
		<td>1</td>
		<td>2</td>
	</tr>
	<tr>
		<td><div class="pb">3</div></td>
		<td>4</td>
	</tr>
</table>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.pb{
	page-break-before:always;
	color:red;
}

[Bovino]

Je pense que tu devrais plutôt essayer de mettre le page-break-before sur une balise <tr> et pas dans une balise à l'intérieur d'une cellule...

[tithou]

Merci pour cette réponse ultra-rapide !
Effectivement cette solution permet d'obtenir un saut de page, mais les autres <td> dépendant du <tr> seront aussi modifiés, or ce n'est pas ce que je cherche.
J'obtiens le même résultat avec la "class" dans le td...

D'autant plus qu'en réalité mon code est généré par du langage serveur, donc les <div> seront inclus dans les cellules du tableau.