# Table height = 100% wont work

**URL:** <https://forum.kirupa.com/t/table-height-100-wont-work/65059>\
**Category:** Uncategorized\
**Created:** [September 22, 2004, 5:58pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059 "2004-09-22T17:58:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kristopher](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kristopher/32/501_2.png) [@Kristopher](https://forum.kirupa.com/u/Kristopher)\
**Post date:** [September 22, 2004, 5:58pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/1 "2004-09-22T17:58:56Z")

</div>

I can never get a table to stretch all the way to the bottom screen when I make a site. an example is this:

[www.krisgosser.com/gruber/services2.htm](http://www.krisgosser.com/gruber/services2.htm) (it’s a mock site for a law firm. im not using this layout anymore, but the problem is exactly what happened to this site.)

Look at it in a big resolution. Notice how the table won’t expand all the way to the bottom. I put a fixed height on it, but before when I’d do 100% it woulnd’t work.

anyone know why the code won’t cooperate?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 22, 2004, 6:01pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/2 "2004-09-22T18:01:32Z")

</div>

Add this CSS to the page:

body {  
/\* along with other stuff you may already be using … _/  
height:100%;  
}  
html {  
/_ along with other stuff you may already be using … \*/  
height:100%;  
}

Should work then.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 22, 2004, 6:16pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/3 "2004-09-22T18:16:46Z")

</div>

I swear we’ve answered this every week.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 22, 2004, 6:32pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/4 "2004-09-22T18:32:52Z")

</div>

> [@simplistik](#):
>
> I swear we’ve answered this every week.

:lol:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 22, 2004, 6:36pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/5 "2004-09-22T18:36:02Z")

</div>

also try removing the transitional DOCTYPE from the topline.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 23, 2004, 3:46pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/6 "2004-09-23T15:46:20Z")

</div>

simple answer.

Make a table row below all the content rows,  
and add a nonbreakingspace inside, and in the ‘td’ and put a hieght=“100%”

This will stretch the last row all the way to the bottom of the page.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 23, 2004, 5:27pm UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/7 "2004-09-23T17:27:26Z")

</div>

> [@govinda](#):
>
> simple answer.
> 
> Make a table row below all the content rows,  
> and add a nonbreakingspace inside, and in the ‘td’ and put a hieght=“100%”
> 
> This will stretch the last row all the way to the bottom of the page.

Seems like a cheap way to do that… LoL. Never really seen anyone do that either. But I would assume in NS,FF, and Safari it would still screw up.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 24, 2004, 12:09am UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/8 "2004-09-24T00:09:59Z")

</div>

you can use this trick in addition to the other ones…  
put this in the body to this:  
topmargin="0"  
It works with the css trick and makes the table fill to the top to the bottom.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 24, 2004, 12:45am UTC](https://forum.kirupa.com/t/table-height-100-wont-work/65059/9 "2004-09-24T00:45:09Z")

</div>

_arg_ \<table hight=“yourass”\>

not really good - keep your fingers off that - will work only in ie!!