Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS WordPress 2 column bg help

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24775
    Bobyo
    Member

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

    #57099
    TheDoc
    Member

    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!

    #57159
    chris
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.