Redimensionnement de font sur un document.getElementById(obj).innerHTML

Bonsoir,

J'ai une fonction impression et je veux redimensionner la taille de la police de ce que j'imprime

J'ai fait
var zi = "<font style='font-size: 10px'>"+document.getElementById(obj).innerHTML+"</font>";

Mais il ne change la police que sur le 1ère partie de l'impression, mais pas à partir de <table

<div id='frs_'>
	<div class="titreForm">
	blablabla	
	</div>
		<div class="corpForm">
			<h4 align="center"><font color="red">En attente de validation de Modification</font></h4>
		<fieldset class="formulaire">
			<table border="0" align="center" width="100%">
			<colgroup>
			<col width="38%">

"blablabla" est bien redimensionné, mais pas ce qu'il y a dans le tableau.

Dans "obj", j'ai bien tout le contenu de mon document.

Qu'ai-je oublié ?

Merci d'avance

Bonjour,

    comme on est loin d'avoir tous les élements,
       difficile de répondre !

    mais en la mettant en html, qu'est-ce que ça donne ?


<font style='font-size: 10px'>
<div id='frs_'>
    <div class="titreForm">
    blablabla   
    </div>
    <div class="corpForm">
        <h4 align="center"><font color="red">En attente de validation de Modification</font></h4>
        <fieldset class="formulaire">
            <table border="0" align="center" width="100%">
            <colgroup>
            <col width="38%">
                <tr><td>exemple</td></tr>
            <table>
        </fieldset>
    </div>
</div>
</font>

---

---

Oui c'est cela que ça donne.

ce n'était pas ma question....

je demandais : si tu fais ça directement en html, sans javascript,
    est-ce que le résultat est correct ?

    je ne le pense pas ( au moins avec IE ). c'est donc un problème de css
       avec des imbrications de div/table/fieldset...

et je disais aussi :    comme on est loin d'avoir tous les élements,
                                       difficile de répondre !

---

---

et aussi parce qu'il y a des erreurs html
</colgroup> </table> </fieldset> </div> ...    qui manquent
et tout ce que tu ne nous montres pas ( css, tr, td ou th ... )

---

---

En faisant comme tu l'as préconisé pour tester, effectivement j'ai le même résultat qu'avec mon javascript. A savoir l'entête diminué mais pas le tableau.

Un peu plus d'élément CSS

body
{
    background: #ffffcc url(../images/fond.gif) repeat-x fixed top left;
    color: #333300;
    font-size: 0.9em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titreForm {    /*** Mise en forme du titre et du pied de formulaire ***/
    font: bold 0.9em arial, verdana, sans-serif;
    color: #ffffcc;
    margin: 0;
    padding: .5em;
}

.corpForm {    /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
    border: 1px solid black;
    color: black;
    background: #666633 url(../images/fond_form.gif) repeat-x top left;
    margin: 0;
    padding: 1em;
}

Jusque là le style font inpact bien, c'est après que cela ne va plus.

.corpForm fieldset.formulaire label {   
    float: left; 
    width: 20%;
    text-align: right;
    margin: 0;
    padding: 0 .5em 0 0;
    line-height: 1.8;
}
table {
    margin: 0;
}

td {
    font-size: 0.9em;
}
.t_titre {
    background: #cccc99 url(../images/t_titre.gif) repeat-x;
    font: bold 0.9em Verdana;
    color: #ffffcc;
    text-align:center;
    height:10px;
}

Le code plus complet

<div id='frs_'>
    <div class="titreForm">
    blablabla   
    </div>
    <div class="corpForm">
        <h4 align="center"><font color="red">En attente de validation de Modification</font></h4>
        <fieldset class="formulaire">
            <table border="0" align="center" width="100%">
            <colgroup>
            <col width="38%">
             </colgroup>
                    <tr class="t_titre">            
            <td>exemple</td></tr>
            <table>
        </fieldset>
    </div>
</div>

essayer ça :


<font style='font-size: 10px'>
   <div>
    blablabla  
   </div>
   <table>
      <tr><td>exemple</td></tr>
   </table>
</font>


    ça donne quoi ?

---

---

c'est pareil. le div a la bonne font, pas le table...
ajouter "font" là où il faut. style="font-size:10px" au table, tr ou td ?

---

---

En le plaçant comme cela c'est bon

<font style='font-size: 20px'>
   <div>
    blablabla 
   </div>
   <table>
      <tr><td><font style='font-size: 20px'>exemple</font></td></tr>
   </table>

J'ai retiré

td {
    font-size: 0.9em;
}

Mais cela donne encore une autre taille de police