Grow your CSS skills. Land your dream job.

WordPress 2 column bg help

  • # May 4, 2009 at 9:59 am

    Ok since i have beaten my head over the keyboard too many times to get this done, i have a simple question.

    In a wordpress design: http://www.f0.ro/test wich is a 2 column design, i want the sidebar (the right bar) bg to extend fully and touch the footer. I want it to extend even if there is NO content availalble to make it extend. How can i do this…????

    And the code for the sidebar is:

    Code:
    #secondcol { width: 320px; float: right; margin-top: 56px; background-color: #a6a6a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

    Thnx in advance :)

    # May 4, 2009 at 12:49 pm

    There seems to be a gazillion threads about this recently.

    Check out this one: viewtopic.php?f=2&t=2212

    Chris, I think you have a topic for your next tutorial!

    # May 5, 2009 at 8:34 am

    I agree a tutorial would be great. I recently tackled the same issue on a wordpress design. The solution did not seem easy but the easiest way to do it is basically wrap both columns into two divs (if only two columns). In theory both columns should first be the entire page size but then we are taking each one and moving it over the amount of space needed to visualize the column effect. I did quite a bit of research but kept coming back to this link…

    http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

    It seems to be the most supportive and thorough. I will warn you, read the entire article even though it is long. Before trying to attempt it, and backup your site before making any changes.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".