Tema: Imprimir contenido completo en css para imprimir
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 30/06/2011, 05:19
Avatar de veriyo
veriyo
 
Fecha de Ingreso: junio-2010
Mensajes: 80
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Imprimir contenido completo en css para imprimir
aqui va el html de la cabecera de la tabla, no te pongo todo el codigo, porque que no cabe....

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <link href="eficiencia_energetica/alimentacion_electrica/historicos_alimentacion/estilos_tabla.css" rel="stylesheet" type="text/css"/> 
  7. <link href="estilos_basicos/estilos.css" rel="stylesheet" type="text/css"/> 
  8.  
  9. <link href="eficiencia_energetica/alimentacion_electrica/historicos_alimentacion/imprimir.css"rel="stylesheet" type="text/css" media="print"/> 
  10.  
  11. <style type="text/css">
  12. <!--
  13. #cp_cabecera_historicos_medidas_alimentacion {  position:absolute;
  14.     left:0px;
  15.     top:0px;
  16.     width:378px;
  17.     height:105px;
  18.     z-index:5;
  19.     visibility: visible;
  20. }
  21. -->
  22. </style>
  23. </head>
  24.  
  25. <body>
  26. <div id="cp_cabecera_historicos_medidas_alimentacion">
  27.   <div class="cabecera_historicos_medidas_alimentacion" id="c">
  28.     <table width="7052" height="75" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="F_arial_11_bold_centrado_negro" 
  29. style="border-collapse:collapse">
  30.       <tr>
  31.         <td width="73" bgcolor="#99CCFF">FASE NEUTRO <br />
  32.           L1 </td>
  33.         <td width="73" bgcolor="#99CCFF">FASE NEUTRO <br />
  34.           L2</td>
  35.         <td width="73" bgcolor="#99CCFF">FASE NEUTRO <br />
  36.           L3 </td>
  37.         <td width="73" bgcolor="#99CCFF">FASE<br />
  38.           FASE <br />
  39.           L1 </td>
  40.         <td width="73" bgcolor="#99CCFF">FASE <br />
  41.           FASE L2</td>
  42.         <td width="73" bgcolor="#99CCFF">FASE<br />
  43.           FASE L3</td>
  44.         <td width="73" bgcolor="#99CCFF">DISTORSI&Oacute;N TOTAL L1 (THD) </td>
  45.         <td width="73" bgcolor="#99CCFF">DISTORSI&Oacute;N TOTAL L2 (THD)</td>
  46.         <td width="73" bgcolor="#99CCFF">DISTORSI&Oacute;N TOTAL L3 (THD)</td>
  47.         <td width="73" bgcolor="#99CCFF">FRE-<br />
  48.           CUENCIA L1 </td>
  49.         <td width="73" bgcolor="#99CCFF">FRE-<br />
  50.           CUENCIA L2</td>
  51.         <td width="73" bgcolor="#99CCFF">FRE-<br />
  52.           CUENCIA L3 </td>
  53.         <td width="73" bgcolor="#99CCFF">CORRIENTE L1 </td>
  54.         <td width="73" bgcolor="#99CCFF">CORRIENTE L2</td>
  55.         <td width="73" bgcolor="#99CCFF">CORRIENTE L3 </td>
  56.         <td width="73" bgcolor="#99CCFF">CORRIENTE  NEUTRO<br />
  57.           L1</td>
  58.         <td width="73" bgcolor="#99CCFF">CORRIENTE  NEUTRO<br />
  59.           L2</td>
  60.         <td width="73" bgcolor="#99CCFF">CORRIENTE  NEUTRO<br />
  61.           L3</td>
  62.         <td width="73" bgcolor="#99CCFF">DISTOR.<br />
  63.           TOTAL CORRIENTE<br />
  64.           (THD) L1 </td>
  65.         <td width="73" bgcolor="#99CCFF">DISTOR.<br />
  66.           TOTAL CORRIENTE 
  67.           (THD) L2</td>
  68.         <td width="73" bgcolor="#99CCFF">DISTOR.<br />
  69.           TOTAL CORRIENTE 
  70.           (THD) L3</td>
  71.         <td width="73" bgcolor="#99CCFF">POTEN. ACTIVA L1 </td>
  72.         <td width="73" bgcolor="#99CCFF">POTEN. ACTIVA L2</td>
  73.         <td width="73" bgcolor="#99CCFF">POTEN. ACTIVA L3</td>
  74.         <td width="73" bgcolor="#99CCFF">POTEN. CAPA-<br />
  75.           CITIVA L1</td>
  76.         <td width="73" bgcolor="#99CCFF">POTEN. CAPA-<br />
  77.           CITIVA L2</td>
  78.         <td width="73" bgcolor="#99CCFF">POTEN. CAPA-<br />
  79.           CITIVA L3</td>
  80.         <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L1</td>
  81.         <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L2</td>
  82.         <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L3</td>
  83.         <td width="73" bgcolor="#99CCFF">POTEN. APARENTE L1</td>
  84.         <td width="73" bgcolor="#99CCFF">POTEN. APARENTE L2</td>
  85.         <td width="73" bgcolor="#99CCFF">POTEN. APARENTE L3</td>
  86.         <td width="73" bgcolor="#99CCFF">FACTOR DE POTENCIA L1 </td>
  87.         <td width="73" bgcolor="#99CCFF">FACTOR DE POTENCIA L2</td>
  88.         <td width="73" bgcolor="#99CCFF">FACTOR DE POTENCIA L3</td>
  89.         <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L3</td>
  90.         <td width="73" bgcolor="#99CCFF">CONSENSO phi L1 </td>
  91.         <td width="73" bgcolor="#99CCFF">CONSENSO phi L2</td>
  92.         <td width="73" bgcolor="#99CCFF">CONSENSO phi L3</td>
  93.         <td width="73" bgcolor="#99CCFF">ENERG. ACTIVA L1 </td>
  94.         <td width="73" bgcolor="#99CCFF">ENERG. ACTIVA L2</td>
  95.         <td width="73" bgcolor="#99CCFF">ENERG. ACTIVA L3</td>
  96.         <td width="73" bgcolor="#99CCFF">ENERG. CAPA-CITIVA L1</td>
  97.         <td width="73" bgcolor="#99CCFF">ENERG. CAPA-CITIVA L2</td>
  98.         <td width="73" bgcolor="#99CCFF">ENERG. CAPA-CITIVA L3</td>
  99.         <td width="73" bgcolor="#99CCFF">ENERG. INDUCTIVA L1 </td>
  100.         <td width="73" bgcolor="#99CCFF">ENERG. INDUCTIVA L2</td>
  101.         <td width="73" bgcolor="#99CCFF">ENERG. INDUCTIVA L3</td>
  102.         <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO FUNDA-MENTAL L1 </td>
  103.         <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO FUNDA-MENTAL L2 </td>
  104.         <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO FUNDA-MENTAL L3 </td>
  105.         <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO<br />
  106.           2 L1 </td>
  107.        <!-- como la tabla es tan ancha no me cabe todo el codigo aqui, pero para que te hagas una idea la tabla tiene 94 columnas -->
  108.       </tr>
  109.     </table>
  110.   </div>
  111. </div>
  112. </body>
  113. </html>