Foros del Web - Ver Mensaje Individual

jofemalo73 · #1 (**permalink**) 10/01/2014, 02:09

Buenas, estoy intentando imprimir una web hecha con html. Tengo dos problemas que no consigo dar solución.

1. Al imprimir/preview (desde firefox), cuando hace un salto de página dependiendo de como "cae" el texto, éste se corta. Supongamos la cadena "Texto", pues por ejemplo la mitad superior de la cadena aparece en una hoja y la otra mitad en la otra hoja.

2. He conseguido poner una cabecera con su margen superior, y un cuerpo con otro margen para cada hoja, pero lo que no consigo es un margen inferior para el cuerpo, que apriori si no se cortara el texto me daría un poco igual, pero si lo consigo quedaría mejor maquetada la impresión.

Quizas os parezca obvia la solución, disculparme, pero es que mis conocimientos en html son pobres, no suelo hacer nada en html.

Gracias de antemano.
Saludos.

CODIGO:

Código HTML:

Ver original<html>
<style>
 
@page {size: auto; margin: 20px;20px;20px;20x} 
 
@media print { 
  #cabecera{ 
     position:fixed; 
     left:0;
     top:0;
  } 
  #cuerpo{ 
     position:relative;
     top:1cm;
     bottom:2cm;
  } 
  #pie{ 
     position:fixed; 
     left:670;
     top:0;
  } 
  #pie:after{ 
     counter-increment: page;
     content: counter(page);
  }
  .seg_table {
     border: 1px solid black;    
     margin-top:15px; 
     margin-bottom:20px;
  }
} 
 
@media screen { 
  #cabecera{ 
    display:none; 
  } 
  #pie{ 
    display:none;   
  }
 
} 
 
</style>
  <body>
  
    <div id=cabecera>
      NOMBRE APELLIDO1 APELLIDO2
    </div>  
    
    <div id=pie>
      PAG.
    </div>  
    
    <div id=cuerpo>
    
    <table class="seg_table">
    <tr>
    <td>
      <br>texto</br>
      <br>texto</br>

.....

El codigo que queda repite "<br>texto</br>" varias veces para provocar los saltos de página y luego cierra tr, td, table, div, body y html.