# CSS Hight Question

**URL:** https://forum.kirupa.com/t/css-hight-question/115239
**Category:** Uncategorized
**Created:** [July 6, 2004, 9:26pm UTC](https://forum.kirupa.com/t/css-hight-question/115239 "2004-07-06T21:26:49Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![RussianBeer](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/russianbeer/32/152_2.png) [@RussianBeer](https://forum.kirupa.com/u/RussianBeer)
#### Post date: [July 6, 2004, 9:26pm UTC](https://forum.kirupa.com/t/css-hight-question/115239/1 "2004-07-06T21:26:49Z")

</div>

Okay, I have created an all CSS website,  
[size=1][color=#0000ff][http://www.pacific-emarket.com/imts/Templates/imts-test.dwt](http://www.pacific-emarket.com/imts/Templates/imts-test.dwt)  
 [/color][/size]  
Using DIV tags I have created a menu located on the left, but I want in to stretch to the bottom, which I wasnt able to do it.

```auto
#menu {
 float:left;
 height:100%;
 background-color: #CCCCCC;
}

```

the rest of the CSS is at: [u][size=1][color=#0000ff]  
[http://www.pacific-emarket.com/imts/imts.css](http://www.pacific-emarket.com/imts/imts.css)

[/u][/color][/size]

---

<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: [July 7, 2004, 10:52am UTC](https://forum.kirupa.com/t/css-hight-question/115239/2 "2004-07-07T10:52:45Z")

</div>

i remember seeing some hints on this… there are a few tutorials if you google ‘CSS + 100% height’. NB sometimes the effect is buggy, so check a range of browsers… OR you could also mimic the same effect by using a 2 colour bg image to give the impression of a left-hand nav column in a different colour

🙂

---

<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: [July 7, 2004, 12:16pm UTC](https://forum.kirupa.com/t/css-hight-question/115239/3 "2004-07-07T12:16:54Z")

</div>

Doesn’t work easily. Need to make the

```auto
body {
height:100%
}

```

You need to have it’s parent container be 100% for it to work so if it’s a div inside a div it needs to be 100% too. Anyway, you make it body will need to be 100%

If you want a bg in it, it’s simple

```auto

background:url(bg.gif) repeat;

```

This code gets ugly on browsers other than IE

---

<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: [July 7, 2004, 12:27pm UTC](https://forum.kirupa.com/t/css-hight-question/115239/4 "2004-07-07T12:27:06Z")

</div>

useful site:

[http://nemesis1.f2o.org/articles](http://nemesis1.f2o.org/articles)

---

<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: [July 7, 2004, 7:53pm UTC](https://forum.kirupa.com/t/css-hight-question/115239/5 "2004-07-07T19:53:57Z")

</div>

Awsome guys thanks,  
I did that

body {height:100%}  
#menu {height: 100%} \<- The navigation\<THE p works!\< it and navigation, right\>

---

<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: [July 22, 2004, 6:35pm UTC](https://forum.kirupa.com/t/css-hight-question/115239/6 "2004-07-22T18:35:20Z")

</div>

well it works funky… it makes longer… but not all the way… any idea?  
[http://www.pacific-emarket.com/imts...s/imts-test.dwt](http://www.pacific-emarket.com/imts...s/imts-test.dwt)
