The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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: 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:

    #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…

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed