Tema: html impresión, se superpone encabezado al contenido
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 05/10/2017, 06:53
fjlherrera
 
Fecha de Ingreso: mayo-2004
Ubicación: salta
Mensajes: 3
Antigüedad: 20 años, 7 meses
Puntos: 0
Respuesta: html impresión, se superpone encabezado al contenido
efectivamente no funciona tu código... tengo exactamente el mismo problema.

el link que pusieron en la ultima respuesta no dice nada! no lo solucionaron.

si pudiste solucionarlo, seria bueno que lo compartas gracias


Cita:
Iniciado por patricia2014 Ver Mensaje
Gracias.
Probé lo que me sugeriste pero sigue sin tomarme el margen superior. Adjunto código completo:




Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4.     <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
  5.     <TITLE> </TITLE>
  6.     <META NAME="GENERATOR" CONTENT="OpenOffice.org 3.3  (Win32)">
  7.     <META NAME="AUTHOR" CONTENT="psivori">
  8.     <META NAME="CREATED" CONTENT="20131211;11420000">
  9.     <META NAME="CHANGEDBY" CONTENT="patricia ">
  10.     <META NAME="CHANGED" CONTENT="20131220;10450547">
  11.     <META NAME="Originator" CONTENT="Microsoft Word 12">
  12.     <META NAME="ProgId" CONTENT="Word.Document">
  13.     <STYLE TYPE="text/css">
  14.     @media all {
  15.         .divHeader, .divFooter { display: none; }
  16.     }
  17.     @media print {  
  18.         .divHeader {
  19.             display: block;
  20.             position: fixed;
  21.             top: 0;
  22.         }
  23.         .divFooter {
  24.             display: block;
  25.             position: fixed;
  26.             bottom: 0;
  27.         }
  28.         .divContent{
  29.             position: relative; 
  30.             margin-top: 5cm; 
  31.     }
  32.     </STYLE>
  33. </HEAD>
  34. <BODY LANG="en-US" TEXT="#000000" LINK="#0000ff" VLINK="#800080" DIR="LTR">
  35. <div class = "divHeader">HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER
  36. </div>
  37. <div class = "divFooter">FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER
  38. </div>
  39. <div class = "divContent">
  40. <P STYLE="margin-top: 0.17in; margin-bottom: 0.08in; page-break-after: avoid">
  41. <FONT SIZE=2 STYLE="font-size: 11pt"><SPAN LANG="es-UY"><B>%%VARIABLE1%%</B></SPAN></FONT></P>
  42. <TABLE WIDTH=740 BORDER=1 CELLPADDING=0 CELLSPACING=0>
  43.     <COL WIDTH=216>
  44.     <COL WIDTH=494>
  45.     <TR VALIGN=TOP>
  46.         <TD WIDTH=216 BGCOLOR="#313896"></TD>
  47.         <TD WIDTH=494 BGCOLOR="#313896">
  48.             <P LANG="es-UY" STYLE="margin-top: 0.03in; border: none; padding: 0in">
  49.             <FONT COLOR="#ffffff"><B>Informaci&oacute;n</B></FONT></P>
  50.         </TD>
  51.     </TR>
  52.     <TR>
  53.         <TD WIDTH=216>
  54.             <P LANG="es-UY" STYLE="border: none; padding: 0in">ID</P>
  55.         </TD>
  56.         <TD WIDTH=494>
  57.             <P LANG="es-UY" STYLE="border: none; padding: 0in"><FONT COLOR="#808080"><FONT FACE="Arial, sans-serif"><I>%%VARIABLE2%%</I></FONT></FONT></P>
  58.         </TD>
  59.     </TR>
  60.     <TR>
  61.         <TD WIDTH=216>
  62.             <P LANG="es-UY" STYLE="border: none; padding: 0in">Creador</P>
  63.         </TD>
  64.         <TD WIDTH=494>
  65.             <P LANG="es-UY" STYLE="border: none; padding: 0in"><FONT COLOR="#808080"><FONT FACE="Arial, sans-serif"><I>[Owner
  66.             Name]</I></FONT></FONT></P>
  67.         </TD>
  68.     </TR>
  69.     <TR>
  70.         <TD WIDTH=216>
  71.             <P LANG="es-UY" STYLE="border: none; padding: 0in">Fecha de
  72.             creaci&oacute;n</P>
  73.         </TD>
  74.         <TD WIDTH=494>
  75.             <P LANG="es-UY" STYLE="border: none; padding: 0in"><FONT COLOR="#808080"><FONT FACE="Arial, sans-serif"><I>[Date]</I></FONT></FONT></P>
  76.         </TD>
  77.     </TR>
  78.     <TR>
  79.         <TD WIDTH=216>
  80.             <P LANG="es-UY" STYLE="border: none; padding: 0in">Ultima fecha de
  81.             salvado</P>
  82.         </TD>
  83.         <TD WIDTH=494>
  84.             <P LANG="es-UY" STYLE="border: none; padding: 0in"><FONT COLOR="#808080"><FONT FACE="Arial, sans-serif"><I>[Date]</I></FONT></FONT></P>
  85.         </TD>
  86.     </TR>
  87.     <TR>
  88.         <TD WIDTH=216>
  89.             <P LANG="es-UY" STYLE="border: none; padding: 0in">Nombre de
  90.             archivo</P>
  91.         </TD>
  92.         <TD WIDTH=494 VALIGN=TOP>
  93.             <P LANG="es-UY" STYLE="border: none; padding: 0in"><FONT COLOR="#808080"><I>[Name]</I></FONT></P>
  94.         </TD>
  95.     </TR>
  96. </TABLE>
  97. <P><BR><BR>
  98. </P>
  99. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><A NAME="_Toc55385093"></A>
  100. <FONT COLOR="#0000ff"><FONT FACE="Arial, sans-serif"><FONT SIZE=2><SPAN LANG="es-UY">%%VARIABLE3%%</SPAN></FONT></FONT></FONT></P>
  101. <P LANG="es-UY" STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><FONT COLOR="#0000ff"><FONT FACE="Arial, sans-serif"><FONT SIZE=2>%%VARIABLE4%%</FONT></FONT></FONT></P>
  102. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><BR><BR>
  103. </P>
  104. <P LANG="en" STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><B>T&aacute;ltos</B></P>
  105. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><SPAN LANG="en">The
  106. </SPAN><SPAN LANG="en"><B>t&aacute;ltos</B></SPAN><SPAN LANG="en">
  107. (also &quot;t&aacute;tos&quot;) Hungarian pronunciation:&nbsp;
  108. is a figure in  similar to a .</SPAN></P>
  109. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><SPAN LANG="en">According
  110. to Roman Catholic priest , in his book &quot;Magyar mitol&oacute;gia&quot;
  111. (Hungarian Mythology) from 1854, a </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  112. was in direct contact with God during the </SPAN>
  113. <SPAN LANG="en">period. Once born, the </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  114. had a special mission in life to cure both body and soul of other
  115. members of society. The </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  116. could be either male or female, and should be born with more bones
  117. than the usual, like six fingers (altogether 11 or 12 fingers) or
  118. already-grown-in teeth. A </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  119. could also be born with the </P>
  120. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><SPAN LANG="en">During
  121. their childhood, they had to be brought up in secret to learn
  122. everything to be some kind of .</SPAN></P>
  123. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><SPAN LANG="en">The
  124. </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  125. was able to go into a deep meditation called &quot;r&eacute;v&uuml;l&eacute;s&quot;,
  126. and in such a state could cure sickness of any kind. The t&aacute;ltos
  127. also had a mission to communicate with the entire Hungarian nation in
  128. a time of danger, to warn against invading armies or an impending
  129. cultural collapse.</SPAN></P>
  130. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><SPAN LANG="en">According
  131. to general consensus, the </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  132. were considered as part of pagan religion, and were persecuted in a
  133. witch-hunt during the reign of King. There is evidence, though, that the </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  134. were still existing until the 
  135. era, when this tradition was terminated.  made a law requiring that all babies born with teeth or
  136. with six fingers (or a caul) be reported and killed, a deliberate act
  137. against surviving </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">.</SPAN><SPAN LANG="en">
  138. The painted ceiling of the church of Sz&eacute;kelyderzsi had a
  139. figure with six fingers, it was renovated, &quot;correcting&quot; the
  140. picture to five fingers.</SPAN></P>
  141. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><SPAN LANG="en">According
  142. to Christian folklore tradition, the </SPAN><SPAN LANG="en"><I>&eacute;gi</I></SPAN><SPAN LANG="en">
  143. </SPAN><SPAN LANG="en"><I>t&aacute;ltos</I></SPAN><SPAN LANG="en">
  144. (or heavenly t&aacute;ltos) is .</SPAN></P>
  145. <P LANG="en" STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><B>Origin
  146. of the word</B></P>
  147. <P STYLE="margin-top: 0.08in; margin-bottom: 0.08in"><SPAN LANG="en">The
  148. name &quot;T&aacute;ltos&quot; is of unknown origin, but most
  149. probably correlating to &quot;t&aacute;t&quot;, which is to &quot;open
  150. wide&quot;; i.e. they &quot;opened themselves to the world.&quot;
  151. Other theories state it comes from </SPAN>
  152. <SPAN LANG="en"><I>taitaa</I></SPAN> <SPAN LANG="en">meaning &quot;to
  153. know, understand&quot;, or from the derivative of </SPAN>
  154. <SPAN LANG="en"><I>talt</I></SPAN> <SPAN LANG="en">meaning
  155. &quot;unconsciousness&quot;.</SPAN></P>
  156. </div>
  157. </BODY>
  158. </HTML>