---
title: "How to align the footer to bottom of page without using footer tag"  
description: "How to align the footer to bottom of page without using footer tag"  
author: "Samuel Fernandes"  
published: 2013-09-25  
updated: 2013-09-25  
canonical: https://www.mindstick.com/forum/1537/how-to-align-the-footer-to-bottom-of-page-without-using-footer-tag  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# How to align the footer to bottom of page without using footer tag

I am a [beginner](https://www.mindstick.com/forum/23159/need-beginner-project-ideas) and i have a doubt.i created the Html with [table](https://www.mindstick.com/articles/43918/how-to-design-table-using-bootstrap) and i need to place the footer at the bottom of the [page](https://www.mindstick.com/articles/13031/why-to-make-a-wikipedia-page) without using footer tag.is there any way to place the footer at the bottom by using table? it will be [helpful](https://yourviews.mindstick.com/view/81752/oximeter-for-covid-patients-is-helpful-tool)

<table>

<tr><h2><img src="lock.jpg" width="80" height="30"/>Welcome to Locker</h2></tr>

<tr><td>

<table align="center">

<tr>

<td align="[right](https://www.mindstick.com/articles/12766/check-whether-you-are-doing-digital-transformation-right-or-not)"><h4><p> Lock name:</p></h4>

</td>

<td align="left">

<h4><[input](https://www.mindstick.com/forum/159209/how-can-i-read-convert-an-input-stream-into-a-string-in-java) type="text" maxlength="8" name="lock" onkeyup="return AllowLock()"/>

</h4></td>

<td>

<h6 id="errfn"> </h6>

</td>

</tr>

<tr>

<td align="right"><h4><p> Key:</p></h4></td>

<td align="left"><h4><input type="text" maxlength="8" name="[keys](https://www.mindstick.com/articles/75385/full-product-keys)" onkeyup="return AllowKey()"/>

</h4></td>

<td>

<h6 id="[error](https://yourviews.mindstick.com/view/88527/fixing-quickbooks-error-4120-reinstalling-vs-repairing)"></h6></td>

</tr>

<tr>

<td align="right"></td>

<td align="left"><input id="gobutton" type="submit" [value](https://www.mindstick.com/articles/23219/an-optimized-description-adds-value-to-experience-and-in-turn-effectively-guest-posting-packages)="Go!"/></td>

</tr>

</form>

</table>

</td></tr>

<tr><td>

<p id="about">About</p>

<p id="contact">Contact us</p>

<p id="[career](https://www.mindstick.com/articles/44333/4-expert-tips-on-how-to-pick-the-right-career-path)">Careers</p>

<p id="press">Press</p>

</tr>

</td>

</table>

## Replies

### Reply by Pravesh Singh

Hi Samuel,

You can place any element to the bottom by just adding this

```
css to any of your classes or id's. //CSS{position:absolute;width:100%;bottom:0px;}//Practical Usage<html><head>    <style
type="text/css">       .footer{          
position:absolute;           width:100%;           bottom:0px;           }    </style></head><body><table class="footer"><td>Footer Goes Here</td></table>    </body></html>
```


---

Original Source: https://www.mindstick.com/forum/1537/how-to-align-the-footer-to-bottom-of-page-without-using-footer-tag

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
