Imprimir contenido completo en css para imprimir

veriyo · #1 (**permalink**) 27/06/2011, 09:17

Saludos;

Tengo una tabla creada en html la cual es muy ancha, he creado un css para imprimirla en horizontal y para que solo se vea la tabla sin los demas elementos que componen el archivo, lo que ocurre es que como es tan ancha no se imprime del todo, se corta casi ala mitad, ¿como podria hacer para que la impresion continue?

aqui os dejo el css

Código HTML:

.contenido_historicos_medidas {
overflow:visible;
writing-mode: tb-rl;
height: 100%;
margin: 3% 0%;
}
.cabecera_historicos_medidas {
overflow:visible;
writing-mode: tb-rl;
height: 100%;
margin: 3% 0%;
}

Muchas gracias!!!!

sirdaiz · #2 (**permalink**) 27/06/2011, 10:02

ponle width:xxx px

por ejemplo width:120px;
y el alto tb en vez de porcentaje puedes definirlo por pixeles

Saludos

kseso? · #3 (**permalink**) 27/06/2011, 10:32

¿Px para impresión? Yo no lo recomendaría.

Introducción a los medios paginados.

Para lograr resultados satisfactorios,hay que definir algo más que un par de clases, comenzando por el tamaño y orientación de la página de impresión (@page).

veriyo · #4 (**permalink**) 28/06/2011, 02:47

gracias por responder, pero he probado a ponerle el ancho en pixeles y porcentaje y no me funciona, se sigue cortando el contenido..... tambien probe a ponerle ala tabla style="page-break-before:always" y lo que hace es ponerme la tabla en otra pagina pero se sigue cortando..... ya que es muy ancha, en pantalla tiene 2552px, podria partir esa tabla de alguna forma?? para que imprima todo el ancho??

estoy un poco verde en css, ahora me estudiare lo que me pasaste kseso?, tiene muy buena pinta, gracias

veriyo · #5 (**permalink**) 30/06/2011, 03:21

a alguien se le ocurre algo?? he probado en convertir los pixeles a puntos pero tampoco me imprime la tabla completa.....

sirdaiz · #6 (**permalink**) 30/06/2011, 04:49

Cita:

Iniciado por veriyo

a alguien se le ocurre algo?? he probado en convertir los pixeles a puntos pero tampoco me imprime la tabla completa.....

Podrias poner tu codigo html?

Saludos

veriyo · #7 (**permalink**) 30/06/2011, 05:19

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="eficiencia_energetica/alimentacion_electrica/historicos_alimentacion/estilos_tabla.css" rel="stylesheet" type="text/css"/> 
<link href="estilos_basicos/estilos.css" rel="stylesheet" type="text/css"/> 
 
<link href="eficiencia_energetica/alimentacion_electrica/historicos_alimentacion/imprimir.css"rel="stylesheet" type="text/css" media="print"/> 
 
<style type="text/css">
<!--
#cp_cabecera_historicos_medidas_alimentacion {  position:absolute;
    left:0px;
    top:0px;
    width:378px;
    height:105px;
    z-index:5;
    visibility: visible;
}
-->
</style>
</head>
 
<body>
<div id="cp_cabecera_historicos_medidas_alimentacion">
  <div class="cabecera_historicos_medidas_alimentacion" id="c">
    <table width="7052" height="75" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="F_arial_11_bold_centrado_negro" 
style="border-collapse:collapse">
      <tr>
        <td width="73" bgcolor="#99CCFF">FASE NEUTRO <br />
          L1 </td>
        <td width="73" bgcolor="#99CCFF">FASE NEUTRO <br />
          L2</td>
        <td width="73" bgcolor="#99CCFF">FASE NEUTRO <br />
          L3 </td>
        <td width="73" bgcolor="#99CCFF">FASE<br />
          FASE <br />
          L1 </td>
        <td width="73" bgcolor="#99CCFF">FASE <br />
          FASE L2</td>
        <td width="73" bgcolor="#99CCFF">FASE<br />
          FASE L3</td>
        <td width="73" bgcolor="#99CCFF">DISTORSI&Oacute;N TOTAL L1 (THD) </td>
        <td width="73" bgcolor="#99CCFF">DISTORSI&Oacute;N TOTAL L2 (THD)</td>
        <td width="73" bgcolor="#99CCFF">DISTORSI&Oacute;N TOTAL L3 (THD)</td>
        <td width="73" bgcolor="#99CCFF">FRE-<br />
          CUENCIA L1 </td>
        <td width="73" bgcolor="#99CCFF">FRE-<br />
          CUENCIA L2</td>
        <td width="73" bgcolor="#99CCFF">FRE-<br />
          CUENCIA L3 </td>
        <td width="73" bgcolor="#99CCFF">CORRIENTE L1 </td>
        <td width="73" bgcolor="#99CCFF">CORRIENTE L2</td>
        <td width="73" bgcolor="#99CCFF">CORRIENTE L3 </td>
        <td width="73" bgcolor="#99CCFF">CORRIENTE  NEUTRO<br />
          L1</td>
        <td width="73" bgcolor="#99CCFF">CORRIENTE  NEUTRO<br />
          L2</td>
        <td width="73" bgcolor="#99CCFF">CORRIENTE  NEUTRO<br />
          L3</td>
        <td width="73" bgcolor="#99CCFF">DISTOR.<br />
          TOTAL CORRIENTE<br />
          (THD) L1 </td>
        <td width="73" bgcolor="#99CCFF">DISTOR.<br />
          TOTAL CORRIENTE 
          (THD) L2</td>
        <td width="73" bgcolor="#99CCFF">DISTOR.<br />
          TOTAL CORRIENTE 
          (THD) L3</td>
        <td width="73" bgcolor="#99CCFF">POTEN. ACTIVA L1 </td>
        <td width="73" bgcolor="#99CCFF">POTEN. ACTIVA L2</td>
        <td width="73" bgcolor="#99CCFF">POTEN. ACTIVA L3</td>
        <td width="73" bgcolor="#99CCFF">POTEN. CAPA-<br />
          CITIVA L1</td>
        <td width="73" bgcolor="#99CCFF">POTEN. CAPA-<br />
          CITIVA L2</td>
        <td width="73" bgcolor="#99CCFF">POTEN. CAPA-<br />
          CITIVA L3</td>
        <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L1</td>
        <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L2</td>
        <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L3</td>
        <td width="73" bgcolor="#99CCFF">POTEN. APARENTE L1</td>
        <td width="73" bgcolor="#99CCFF">POTEN. APARENTE L2</td>
        <td width="73" bgcolor="#99CCFF">POTEN. APARENTE L3</td>
        <td width="73" bgcolor="#99CCFF">FACTOR DE POTENCIA L1 </td>
        <td width="73" bgcolor="#99CCFF">FACTOR DE POTENCIA L2</td>
        <td width="73" bgcolor="#99CCFF">FACTOR DE POTENCIA L3</td>
        <td width="73" bgcolor="#99CCFF">POTEN. INDUCTIVA L3</td>
        <td width="73" bgcolor="#99CCFF">CONSENSO phi L1 </td>
        <td width="73" bgcolor="#99CCFF">CONSENSO phi L2</td>
        <td width="73" bgcolor="#99CCFF">CONSENSO phi L3</td>
        <td width="73" bgcolor="#99CCFF">ENERG. ACTIVA L1 </td>
        <td width="73" bgcolor="#99CCFF">ENERG. ACTIVA L2</td>
        <td width="73" bgcolor="#99CCFF">ENERG. ACTIVA L3</td>
        <td width="73" bgcolor="#99CCFF">ENERG. CAPA-CITIVA L1</td>
        <td width="73" bgcolor="#99CCFF">ENERG. CAPA-CITIVA L2</td>
        <td width="73" bgcolor="#99CCFF">ENERG. CAPA-CITIVA L3</td>
        <td width="73" bgcolor="#99CCFF">ENERG. INDUCTIVA L1 </td>
        <td width="73" bgcolor="#99CCFF">ENERG. INDUCTIVA L2</td>
        <td width="73" bgcolor="#99CCFF">ENERG. INDUCTIVA L3</td>
        <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO FUNDA-MENTAL L1 </td>
        <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO FUNDA-MENTAL L2 </td>
        <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO FUNDA-MENTAL L3 </td>
        <td width="73" bgcolor="#99CCFF">ARM&Oacute;NICO<br />
          2 L1 </td>
       <!-- 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 -->
      </tr>
    </table>
  </div>
</div>
</body>
</html>

sirdaiz · #8 (**permalink**) 30/06/2011, 09:29

Si aplicas el estilo a los td, es decir:

<td class="prueba">

y en el css

Código HTML:

Ver originaltd.prueba{
 
   width:80em;
   height:auto;
 
}

o

Código HTML:

Ver originaltd.prueba{
 
   width:auto;
   height:auto;
 
}

Prueba y me cuentas

veriyo · #9 (**permalink**) 01/07/2011, 04:23

gracias por responder pero no funciona!! jooooo.

Estoy pensando en buscar algun programa que me convierta ese archivo html en pdf a ver si asi ala hora de imprimir me lo coje todo..... sabes de algun conversor??

gracias de nuevo

veriyo · #10 (**permalink**) 01/07/2011, 04:39

perdona sirdaiz pero si funciona, ya que con ese estilo cambio el ancho de los td lo que pasa es que la tabla es muy ancha, en pantalla mide 7052px y claro no cabe en un A4 horizontal..... una posible solución seria partir esa tabla pero nose si esto se puede hacer....