# CSS Footer problem solution!

**URL:** <https://forum.kirupa.com/t/css-footer-problem-solution/192750>\
**Category:** Uncategorized\
**Created:** [June 30, 2006, 6:03pm UTC](https://forum.kirupa.com/t/css-footer-problem-solution/192750 "2006-06-30T18:03:09Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Obamskie](https://avatars.discourse-cdn.com/v4/letter/o/5f9b8f/32.png) [@Obamskie](https://forum.kirupa.com/u/Obamskie)\
**Post date:** [June 30, 2006, 6:03pm UTC](https://forum.kirupa.com/t/css-footer-problem-solution/192750/1 "2006-06-30T18:03:09Z")

</div>

While reading this forum I noticed that a lot of people has problems with creating a footer in css. A footer that always sticks to the bottom of your page.  
I found this script that helped me alot!.  
I hope that I can help you guys with it.

```
							You then need to apply a bit of CSS: 							

```

```auto
							 				
html { height: 100%; }
body { height: 100%; }
#nonFooter {
	position: relative;
	min-height: 100%;
	}
* html #nonFooter { height: 100%; }
#footer	{
	position: relative;
	margin-top: -7.5em; 
	} 							
<html>
<body>
	<div id="nonFooter"></div>
	<div id="footer"></div>
</body>
</html>

```

Source: [http://www.themaninblue.com/experiment/footerStickAlt/](http://www.themaninblue.com/experiment/footerStickAlt/)

Good luck!