Need help? Check out our Support site, then


equal height sidebar background

  1. I'm trying to create equal height columns for my site, so I can apply a background image that will stretch to the bottom. I've been trying to use this method
    http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
    since I don't just want a uniform sidebar color, so I can't just use faux columns. However, the theme I'm using is making it difficult to directly import that method because of the additional css structures.

    Ideal:
    <div id="container-outer">
    <div id="container-inner">

    <div id="sidebar">
    <p>Sidebar</p>
    </div>

    <div id="content">
    <p>Main content</p>
    </div>

    </div>
    </div>

    However, I'm using the bizpress theme from smthemes
    http://smthemes.com/bizpress/
    and my attempts to apply the fix have just messed up the css, namely

    This is my modified css structure
    <div id="content">
    <div class="container clearfix>
    <div id="container-outer">
    <div id="container-inner">
    <div class="sidebar left clearfix style="float:left">
    <div id="nav_menu-2">
    <div id="main_content">
    lots of </div>
    My modified css editor, with relevant excerpts

    #container-outer {
    float:left;
    overflow:hidden;
    background:url(images/los-angeles-skyline.jpg) repeat-y;
    }

    #container-inner {
    float:left;
    position:relative;
    right:50%;
    background:url(images/content/main-l.png) repeat-y;
    }

    .sidebar {
    background:url(images/los-angeles-skyline.jpg) repeat-y;
    float:left;
    position:relative;

    }
    #main_content {
    float:left;
    position:relative;
    }

    I've tried applying
    left:75%
    and width:25%, width:75% within the main_content and sidebars as well, but the content is ending up on the left side instead of the sidebar

    I apologize in advance for not knowing what information to post, and if anyone could give me suggestions on how to fix it/what else they need, I'd be much obliged.

    The blog I need help with is enterprise-capital-fund.com.

  2. The blog you specified at enterprise-capital-fund.com does not appear to be hosted at WordPress.com.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. http://matthewjamestaylor.com/ is not a free hosted WordPress.COM blog with a paid CSS upgrade on it. It's WordPress>ORG install. You are posting to the wrong support forum. WordPress.com and WordPress.org are completely separate and have separate logins. If you don't have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there and receive advice from WordPress.ORG bloggers.

  4. Ah thanks, will do

Topic Closed

This topic has been closed to new replies.

About this Topic