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

Discussion in 'HTML - XHTML - CSS' started by westmatrix99, Sep 22, 2007.

  1. westmatrix99 New Member

    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
  2. westmatrix99 New Member

    Bump..........
  3. westmatrix99 New Member

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

    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 :);)
  5. westmatrix99 New Member

    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.
    PHP:
     
    html 
    {
     
    /*overflow:hidden;*/
    }
    body{
    background-color#ffffff;
    font-familytahomaarialsans-serif;
    font-size10px;
    text-aligncenter;
    background-position0px 0px;
    margin0 auto;
    padding:0;
    height:100%; /*this is what I need*/
    border:none;
    background-imageurl(../images/background.gif);
    overflow:auto;
    }
    #container {
    margin0px auto;
    width780px;
    border-color#000000;
    border-width0px 1px 1px;
    border-stylesolid;
    }
    #categories{
    margin-bottom1px;
    padding1px 1px 1px 0px;
    border-color#000000;
    border-width1px 1px 1px 0px;
    border-stylesolid;
    height:100%!important/* real browsers */
    height:100%; /* IE6: for min-height*/
    min-height:100%; /* real browsers */
    position:relative;
    }
    .
    categories{
    margin-bottom1px;
    padding1px 1px 1px 0px;
    border-color#000000;
    border-width1px 1px 1px 0px;
    border-stylesolid;
    height:100%!important/* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    position:relative;
    }
    Cheers
    West
  6. kalnera New Member

    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 :)
  7. westmatrix99 New Member

    I did add it ^above^

    The developer is the person who can solve this one.

    Thanks anyway though.