Probleme mise en forme tableau impression

Bonjour , j'ai un tableau qui doit apparaitre dans une page creer par javascript et il doit etre imprimé d'une certaine maniere (en gros que l'entete se repercute sur toute les pages)

j'ai creer une feuille de style pour cela que j'ai nomé style_print.css :

thead {
display: table-header-group;
}

(voici le tableau)dans mon code je" fais comme cela:

<div class="cache" id='cache2' ><style rel="stylesheet" type="text/css" href="style_print.css" media="print">

	<?php
	echo "<center><b>Il y a $total produit(s) localisé(s) dans $clef..!!<p></b></center>";
	
	echo " <div class=\"tableau\" ><table border='1' ><thead><TR bgcolor=\"#CCFFCC\"><TH>Nom</TH><TH>Formule</TH><TH>Référence</TH><TH>Quantité</TH><TH>Numero_cass</TH><TH>&nbspDisponibilité&nbsp</TH></TR></thead>";
	
	while ($voircache= mysql_fetch_array($query_cache))
	{
	
	echo"<tbody><tr>
	<td><font face='Verdana' size='2'>".$voircache['nom']."</font></td>
	<td><font face='Verdana' size='2'>".$voircache['formule']."</font></td>
	<td><font face='Verdana' size='2'>" .$voircache['reference']. "" .$voircache['classification']. "</font></td>
	
	<td><font face='Verdana' size='2'>" .$voircache['quantite']. "</font></td>
	<td><font face='Verdana' size='2'>" .$voircache['numero_cass']. "</font></td>
	<td><font face='Verdana' size='2'>" .$voircache['disponibilite']. "</font></td>";

	echo "</tr></tbody>";
	}
	?></table></style></div  class="cache"id='cache2'>

ma fonction js pour creer la page est celle ci

<script language="JavaScript">
function imprime_zone(titre, obj) 

{
// Définie la zone à imprimer
var zi = document.getElementById(obj).innerHTML;

// Ouvre une nouvelle fenetre
var f = window.open("", "ZoneImpr", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");

// Définit le Style de la page

f.document.body.style.color = '#000000';
f.document.body.style.backgroundColor = '#FFFFFF';
f.document.body.style.padding = "10px";

// Ajoute les Données
f.document.title = titre;
f.document.body.innerHTML += " " + zi + " ";

// Imprime et ferme la fenetre
f.window.print();
f.window.close();
return true;
}
</script>

et le probleme est : lorsque je met le style au tableau

<style rel="stylesheet" type="text/css" href="style_print.css" media="print">...</style>

l'interieur de ma page javascript est vide alors que quand il n'y a pas mes balises <style> on voit le tableau dans la page creer par javascript
donc je me demandait le pourquoi du comment ..

Javascript ne c'est pas comprendre le css?

je vois pas d'ou vient le probleme
merci de m'aidé
Modifié par castell (07 Dec 2006 - 14:43)