Tema: html impresión, se superpone encabezado al contenido
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/12/2013, 06:53
patricia2014
 
Fecha de Ingreso: diciembre-2013
Mensajes: 3
Antigüedad: 11 años
Puntos: 0
Respuesta: html impresión, se superpone encabezado al contenido
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>
Última edición por pzin; 20/12/2013 a las 10:32 Razón: formato código