WordPress.org

Ready to get started?Download WordPress

Forums

How do you make the sidebar length the same length as the content? (8 posts)

  1. sandyclifton2
    Member
    Posted 3 years ago #

    Does anyone know how to make the length of the side bar always the same length as the content section? My left side bar changes in length.. but I want it to always be the same length as the content area.

    the link is here

    http://nwmblog.com/architects/

    thanks!

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Try googling on "css faux columns".

  3. sandyclifton2
    Member
    Posted 3 years ago #

    thanks for responding...

    I am not understand css faux columns. any suggestions?

  4. sandyclifton2
    Member
    Posted 3 years ago #

    http://www.alistapart.com/articles/fauxcolumns/ I seen this site on Css Faux columns... but that is for replacing the entire background with this... I have a background I want to use already.. just need the sidebar and main content columns to be the same length. Any other ideas? thanks!!

  5. sandyclifton2
    Member
    Posted 3 years ago #

    so I found an article on css faux columns located here http://line25.com/articles/create-sidebars-of-equal-height-with-faux-columns which I followed and is great!!!! but my only thing is.. after following it.. the right column extends in content as transparent and not repeating the image down like it shows in the tutorial. Any ideas? here is the jacked up page so you can see what I mean. http://nwmblog.com/additional-resources/ see how the background image I have for the content area does not repeat down

  6. sandyclifton2
    Member
    Posted 3 years ago #

    the image i put in should show and repeat down..

  7. sandyclifton2
    Member
    Posted 3 years ago #

    ok figured out it wasn't actually showing at all because I had background put in twice.. but now that I corrected that.. its not filling in the sidebar at all...GRRRRRRR

  8. jaydsmith71
    Member
    Posted 3 years ago #

    If I read it correctly and you want the side bar area extended down to the bottom of the page even with the body content bottom then try to change this around in your style.css ...

    .contentWrapper {
    min-height: 350px;
    padding: 20px;
    }

    Try something like these:

    .contentWrapper {
    height: 100%;
    padding: 20px;
    }

    OR

    .contentWrapper {
    min-height: 100%;
    padding: 20px;
    }

    Might work...

    Good luck and if it was something else then sorry for the post.

    Dave

Topic Closed

This topic has been closed to new replies.

About this Topic