# CSS tip for footer

**URL:** <https://forum.kirupa.com/t/css-tip-for-footer/313207>\
**Category:** web dev\
**Created:** [August 23, 2010, 9:55pm UTC](https://forum.kirupa.com/t/css-tip-for-footer/313207 "2010-08-23T21:55:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ruiganga](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ruiganga/32/3679_2.png) [@ruiganga](https://forum.kirupa.com/u/ruiganga)\
**Post date:** [August 23, 2010, 9:55pm UTC](https://forum.kirupa.com/t/css-tip-for-footer/313207/1 "2010-08-23T21:55:49Z")

</div>

Hi

I am trying to understand CSS. Actually I am looking into a file I bought but I can’t fix the footer the way I want it to show.

The problem is that in big screens like mine (24") after the footer that is grey I see white, and I want the grey to stay until the end of the browser window.

You can see it here:

[http://www.profebox.com/admin/index.html](http://www.profebox.com/admin/index.html)

my #footer css is:

#footer {  
clear:both;  
float:left;  
width:100%;  
display:block;  
height:200px;  
position:relative;  
}

I’ve tryed to set the height 100% but it doesn’t work. Any tip on how to solve this?

Thanks.