Faux Columns

  • Resolved Fi Fi P

    (@fi-fi-p)


    10 years, 9 months ago

    I am having terrible trouble trying to make my sidebar be the full length of my site regardless of the content so that when it scales, it is always filling the sidebar space.

    https://www.peepshowboutique.co.uk

    All I want is the menu on the left to be brown all the way down to the footer, I have seen various forums for height: 100% and nothing seems to work at all so far. Any help would be amazing!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try googling “css faux columns”.

    Thread Starter Fi Fi P

    (@fi-fi-p)

    As helpful as that suggestion is (being the first thing one does). I have managed to solve the problem and I will add my findings below for others who may find this useful:

    Creating a full length Column

    I wanted my sidebar menu on the left to fill the entire site from header to footer

    1. – add a wrapper div just after the header and close just before the footer

    .wrapper{
    position: relative;
    overflow: hidden;
    }

    2. Make sure your sidebar is placed within the wrapper

    .left-sidebar #secondary {
    float: left;
    margin-left: 0;
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Faux Columns’ is closed to new replies.