Fixed Footer

Cornelius Ludik's Avatar

Cornelius Ludik

05 Apr, 2012 01:01 PM

I would like to make my footer fixed a the bottom of the page. Could you help with that?

  1. 1 Posted by Briehan Lombaar... on 05 Apr, 2012 01:34 PM

    Briehan Lombaard's Avatar

    Hi Cornelius,

    Try adding the following CSS to your site:

    #canvas {
        margin-bottom: 83px;
    }
    
    .outside {
        background-color: #fff;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
    }
    
    .outside .navigation,
    .outside .footer_text {
        margin: 0 auto;
        width: 940px;
    }
    

    This isn't a generic solution but it should work with how your site is currently set up.

  2. Briehan Lombaard closed this discussion on 05 Apr, 2012 01:34 PM.

  3. Cornelius Ludik re-opened this discussion on 05 Apr, 2012 01:56 PM

  4. 2 Posted by Cornelius Ludik on 05 Apr, 2012 01:56 PM

    Cornelius Ludik's Avatar

    Thank you kindly!

  5. Briehan Lombaard closed this discussion on 05 Apr, 2012 01:57 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

22 Nov, 2017 09:40 AM
20 Nov, 2017 08:28 PM
17 Nov, 2017 07:38 AM
10 Nov, 2017 11:50 AM
09 Nov, 2017 09:37 AM