Css or Html or whatever can get me 100% height?

[westmatrix99]

Hi I am using this template:
http://www.freewebsitetemplates.com/preview/hardwarestore/

The left hand side has a column called "categories" and I would like to get that to fit 100% of the page on the left.:confused:

How do I do this in css or html or whatever can do this?:D

I have been searching for days now to find a solution - that hopefully someone has a fix for, but nothing!!!

Cheers
West

[westmatrix99]

Bump..........

[westmatrix99]

I take it nobody knows how to fix this problem.
Who was the developer?

[kalnera]

look for the width=XXX px where XXX is more than 700 px. Sorry I didn't look at the css code but usually if you look for big number and once you find it you change it and see the effect it has on the page, you'll find the right one. At least that is what I do :);)

[westmatrix99]

Thanks for replying, but it's the "height" not "width" that I need to set.
Here is the css that I mad some changes to as these are the culprits.

html {
/*overflow:hidden;*/
}
body{
background-color: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 10px;
text-align: center;
background-position: 0px 0px;
margin: 0 auto;
padding:0;
height:100%; /*this is what I need*/
border:none;
background-image: url(../images/background.gif);
overflow:auto;
}
#container {
margin: 0px auto;
width: 780px;
border-color: #000000;
border-width: 0px 1px 1px;
border-style: solid;
}
#categories{
margin-bottom: 1px;
padding: 1px 1px 1px 0px;
border-color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
height:100%!important; /* real browsers */
height:100%; /* IE6: for min-height*/
min-height:100%; /* real browsers */
position:relative;
}
.categories{
margin-bottom: 1px;
padding: 1px 1px 1px 0px;
border-color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
height:100%!important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;
}

Cheers
West

[kalnera]

yes, that is correct but what section is it on? There are different sections of the page like header, left column section, main section, right columnt section and footer. you have to be in left column section and look for height and if there is no height I guess you have to add it to right place. I hope this helps :)

[westmatrix99]

I did add it ^above^

The developer is the person who can solve this one.

Thanks anyway though.