Identificarse | Registrarse | FAQ
Anonymous

html impresión, se superpone encabezado al contenido

+ Publicar una respuesta

3 mensajes Página 1 de 1


html impresión, se superpone encabezado al contenido

por patricia2014 » Jue Dic 19, 2013 7:24 pm

Tengo un template html y quiero que cuando se imprima se vea un encabezado y un pie de página en cada hoja. Tengo esto definido en el css:

@media all {
.divHeader, .divFooter { display: none; }
}
@media print {
.divHeader {
display: block;
position: fixed;
top: 0;
}
.divFooter {
display: block;
position: fixed;
bottom: 0;
}
}

Funciona, agrega el encabezado y el pie a cada página, pero el problema es que se superpone con el contenido.
No encontré ninguna solución, si le pongo margin top o margin bottom al contenido parece que no lo lee, aunque sí margin left y margin right.
Alguien sabe como puedo solucionarlo?
gracias
Avatar de Usuario

patricia2014

  • Mensajes: 2
  • Registrado: Jue Dic 19, 2013 7:22 pm

Re: html impresión, se superpone encabezado al contenido

por XainPro » Jue Dic 19, 2013 8:30 pm

cambiar position:fixed; a position:relative;
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm

Re: html impresión, se superpone encabezado al contenido

por patricia2014 » Vie Dic 20, 2013 12:02 pm

El position: fixed es necesario para que aparezca el encabezado y el pie en cada página. Sin esa regla no funciona.

gracias por responder
Avatar de Usuario

patricia2014

  • Mensajes: 2
  • Registrado: Jue Dic 19, 2013 7:22 pm


+ Publicar una respuesta

Página 1 de 1