# Height problem

**URL:** <https://forum.kirupa.com/t/height-problem/206333>\
**Category:** web dev\
**Created:** [November 7, 2006, 9:12am UTC](https://forum.kirupa.com/t/height-problem/206333 "2006-11-07T09:12:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![estateboy](https://avatars.discourse-cdn.com/v4/letter/e/958977/32.png) [@estateboy](https://forum.kirupa.com/u/estateboy)\
**Post date:** [November 7, 2006, 9:12am UTC](https://forum.kirupa.com/t/height-problem/206333/1 "2006-11-07T09:12:58Z")

</div>

Hello everyone,

I’m making a website and i’m almost done except for the bottom part. I’m using a table with 3 rows and three columns! On my laptop (15" screen) the site fills up the compleet screen, but on 17 and higher inch screens with a high resolution the site just fills up half of the screen. What I would like to accomplish is that I have a different collor at the bottom fills up the entire screen(100%) nomather what size and or resolution! I found something on the internet about a footer which i tried with the following CSS style:

```auto
#footer {
position: absolute;
background-color: #ece6c4;
width:100%;
height: auto;
vertical-align:bottom
}

```

I placed the a layer under the table and called it footer. On my laptop it works ok but when I test it on another computer with a bigger screen and resolution there is just a line from maybe 20px height and then the normal background is there again.  
Can somebody please help me?

Thank you