1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

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

Discussion in 'Web Design' started by westmatrix99, Sep 22, 2007.

  1. westmatrix99

    westmatrix99 New Member

    Hi I am using this template:
    https://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

    westmatrix99 New Member

    Bump..........
     
  3. westmatrix99

    westmatrix99 New Member

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

    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

    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

    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

    westmatrix99 New Member

    I did add it ^above^

    The developer is the person who can solve this one.

    Thanks anyway though.