Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/06/2011, 19:35
elcapitolio
 
Fecha de Ingreso: mayo-2011
Mensajes: 167
Antigüedad: 13 años, 6 meses
Puntos: 1
problema al mandar imprimir con media=print y media=screen

tengo una pagina que mando a impirmir... pero la separo con media=print y media=screen

el problema es que tengo una div en screen que no la imprime pero de igual forma utiliza el espacio a la hora de imprimir.. ejemplo si la pongo despues del body me recorre la impresion y si la pongo al final me imprime un espacio en blanco al final...

espero haberme dado a entender!!

Código CSS:
Ver original
  1. <style type="text/css" media="screen">
  2. body{color:red;
  3.     font-family: Verdana, Arial, Helvetica, sans-serif;
  4.     font-size: 12px;
  5.     background:url(../../2011/factura.jpg) no-repeat top left;
  6. }
  7. .regresar {
  8.     position:fixed;
  9.     margin-left:50%;
  10. margin-top:50%;
  11. width:150;
  12. height:150px;
  13. top:360px;
  14. left:720px;
  15. margin-left:0px;
  16. margin-top:-200px;
  17. }
  18. textarea{color:blue;}
  19. </style>
  20.  
  21. <style type="text/css" media="print">
  22. body{
  23. visibility:hidden;
  24. }
  25. table{
  26. visibility:visible;
  27. font-family: Verdana, Arial, Helvetica, sans-serif;
  28.     font-size: 12px;
  29. border:none;
  30. }
  31. </style>

Código HTML:
Ver original
  1. <div class="regresar">
  2.   <p><a href="nueva.php"><img src="../../2011/back.png" width="100" height="100" border="0" /></a></p>
  3.   <form id="form1" name="form1" method="post" action="">
  4.    <input type="button" name="imprimir" value="&nbsp;" onclick="window.print();" style="background:url(../../images/print.png) top left; width:45px; height:45px; border:0px;">
  5.   </form>
  6. </div>