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

Sticky Footer and Dynamic Sidebar Confusion

  • # June 11, 2009 at 12:22 am

    Hello again,

    I am working on my first WP Theme. It’s still sitting on a local test server, so I can’t offer a live link. I have a screenshot, which will hopefully offer some insight.

    The Problem:
    When my Sidebar grows longer than the main content column, the Sidebar "grows" right on through my Sticky Footer. Both the main content div and the sidebar div are wrapped in a page-wrap. The Footer is outside of the page-wrap div, so as to get the full-width footer effect. I can’t figure out why the sidebar doesn’t push the footer farther down the page when it grows.

    Thanks for your help!


    # June 12, 2009 at 5:36 am

    try clearing the div, you can set the wrapper to overflow: auto (not sure at the moment)

    or droping a <br class="clear"/> (inside the wrapper at the end) and styling that br tag with {clear:both; height: 0;}

    # June 12, 2009 at 10:02 pm

    Thanks Mr Kitt3n. I’ll try that. Would that be at the end of the sidebar div? I’ll double check, but I’m pretty sure I’ve got a clear:both just before the opening footer div. I’ll post back after I check.



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