Impression du contenu de IFRAME

J'essaie d'imprimer le contenu de l'iframe. Le code ci-dessous fonctionne bien.Impression du contenu de IFRAME

HTML:

<div id="containerDiv">   
      <p> 
       <table cellpadding="1" width="100%" height="100%" cellspacing="0" border="0">     
       <tr> 
        <td align="right" ><img src="Images/printer1.png" alt="Print" id="imgprint" onclick="printticket()" style="display:none;cursor:pointer;padding-top:2px;" /></td> 
       </tr> 
       <tr> 
        <td align="center"> 
        <iframe id="OverlayDis" name="OverlayDis" scrolling="yes" src="Default1.aspx" allowtransparency="true" 
        runat="server" frameborder="0" style="background-color: white; width: 980px; height: 500px;"></iframe> 
        </td> 
       </tr> 
       <tr> 
        <td align="center"><input type="button" style="background-color:#400000;border:solid 1px black;color:White;font-weight:bold" id="closeLink" href="javascript:void(0);" value="Close"/></td> 
       </tr> 
       </table> 
      </p> 
     </div>

JS:

window.frames["OverlayDis"].focus(); 
    window.frames["OverlayDis"].print();

Mais j'ai un problème avec la taille de la police visible de la police est pas venu à la page hardcopy.The ont 12px taille tout le texte mais l'impression de sortie viennent 8pt et moins.

que se passe-t-il?

@media print 
    { 
     body{font-family:verdana; font-size:10px;} 
     span.subheader{font-family: Verdana; font-size: 12px; font-weight: bold;} 
     span.sign{float:right;padding-right:20px;padding-top:20px;font-size:12px;font-weight:20px;font-weight: bold;} 
    } 

    @media screen 
    { 
     body{font-family:verdana; font-size:10px;} 
     span.subheader{font-family: Verdana; font-size: 12px; font-weight: bold;} 
     span.sign{float:right;padding-right:20px;padding-top:20px;font-size:12px;font-weight:20px;font-weight: bold;} 
    }

J'ajouté ce style sur ma page pour l'impression, mais cela ne fonctionne pas encore si petite chose printing..Another de la police est que je l'ai utilisé plugin visionneuse pour afficher cette image.

var test; 
Event.observe(window, 'load', function() { 
    test = new Lightbox('containerDiv'); 
}); 

function OpenOverlay(url) 
{ 
    document.getElementById('OverlayDis').src = url; 
    test.open(); 

    Event.observe('closeLink', 'click', function() { 
     test.close(); 
    }); 
}

Quelle est mon erreur?

Source

2011-04-20 Anand Thangappan