problem with header and footer with tables in html

Navigation
0

I have a problem with my html code which has a table that acts as a header but the "footer" that I have is pasted to the header in this way

but it should be like that

I have attached the html code 

<p class="footer";><strong>Departamento de las TIC &ldquo;Tecnologias de la Informacion y la Comunicaci&oacute;n&rdquo;</strong></p>
<p class="footer";>Swisslub S.A.S - Bogot&aacute;, Colombia</p>
<p class="footer";>Avenida el Dorado No. 100 &ndash; 45 of.302</p>
<p class="footer";>Tel&egrave;fono:+57 (1) 742 7233 ext 579 - 575</p>
<p class="footer";>[email protected]</p>
<p class="footer";>www.swisslub.com</p>
<br><br><br><br>


<table style="border-collapse: collapse;" border="1"; width="530">
			<tbody>
				<tr>
					<td width="100"  rowspan="4">
						<img src="img/44.png" alt="" class="logo">
					</td>
					<td>
						<p align="center"><font size=1> PROCESO DE GESTIÓN DE RECURSOS</p>
					</td>
					<td width="100">
						<p align="center"><font size=1> CÓDIGO</p>
					</td>
					<td  colspan="3" >
						<p align="center"><font size=1>  FSW-100</p>
					</td>
				</tr>
				<tr>
					<td  >
						<p align="center">
						<font size=1> <strong>DEPARTAMENTO DE LAS TIC</strong>
						<strong></strong>
						</p>
					</td>
					<td  rowspan="2">
						<p align="center">
						<font size=1> VERSIÓN 1
						</p>
					</td>
					<td  colspan="3" rowspan="2">
						<p align="center">
						<font size=1>  01-12-17
						</p>
					</td>
				</tr>
				<tr>
					<td>
						<p align="center">
							<font size=1>   Tecnologías de la información y las comunicaciones
						</p>
					</td>
				</tr>
				<tr>
					<td>
						<p  align="center" >
						<font size=2>   <strong>Acta de Entrega</strong></font>
						</p>
					</td>
					<td>
						<p align="center">
						<font size=1>    PAGINA
						</p>
					</td>
					<td  width="20">
						<p align="center">
						<font size=1>    1
						</p>
					</td>
					<td   width="20">
						<p align="center">
						<font size=1>    DE
						</p>
					</td>
					<td  width="20">
						<p align="center">
						<font size=1>  2
						</p>
					</td>
				</tr>
			</tbody>
		</table>

   '

PS: I'm working on php is a report that I have to create I'm with dompdf

    
asked by Kevin Salazar 03.11.2017 в 15:43
source

2 answers

0

So you can insert a static footer, you can use these styles 

#footer {
    position: fixed;
    bottom: -40px;
    left: 0px;
    right: 0px;
    height: 50px;
}

In this way the div#footer will be present on all the pages: 

<div id="footer">
   <p><strong>Departamento de las TIC &ldquo;Tecnologias de la Informacion y la Comunicaci&oacute;n&rdquo;</strong></p>
   <p>Swisslub S.A.S - Bogot&aacute;, Colombia</p>
   <p>Avenida el Dorado No. 100 &ndash; 45 of.302</p>
   <p>Tel&egrave;fono:+57 (1) 742 7233 ext 579 - 575</p>
   <p>[email protected]</p>
   <p>www.swisslub.com</p>
</div>

Adapt the measure of bottom to the position you want.

    
answered by 03.11.2017 / 15:59
source
0

Remember that putting a footer class does not mean that it will go to the end you should do this with css but I also advise you to group all the things in a single div with class footer. 

html {
  min-height: 100%;
  position: relative;
}
body {
  margin: 0;
 
}
footer {
  position: absolute;
  bottom: 0;
}
<div class="footer">
<p ><strong>Departamento de las TIC &ldquo;Tecnologias de la Informacion y la Comunicaci&oacute;n&rdquo;</strong></p>
<p >Swisslub S.A.S - Bogot&aacute;, Colombia</p>
<p >Avenida el Dorado No. 100 &ndash; 45 of.302</p>
<p >Tel&egrave;fono:+57 (1) 742 7233 ext 579 - 575</p>
<p >[email protected]</p>
<p >www.swisslub.com</p>
</div>
    
answered by 03.11.2017 в 15:55
How to replace the value of a Textview, which is inside a table in android? Call constant attributes of a class from laravel blade?