WordPress.org

Support

Support » Themes and Templates » Footer Alignment

Footer Alignment

  • Hello all,

    I’ve just begun to try and figure out how to create WordPress layouts. Right now, I am struggling on how to get the footer to extend across both of my columns. I’m at a loss for what I am not doing!

    http://i53.tinypic.com/ht8jo1.jpg
    This picture illustrates the problem

    #footer{
    	clear: both;
    	padding: 10px 0 0 0;
    	float: left;
    	height: 50px;
    	background: #413d32; }

    This is my footer coding. I’ve also tried fiddling with the sidebar, but nothing I’ve done there has affected it either.

Viewing 15 replies - 1 through 15 (of 25 total)
  • esmi

    @esmi

    Forum Moderator

    A screenshot is of no use. What might help is a link to a page demonstrating the problem.

    Try:

    #footer {
        width: 960px; /* Add width that fits your design */
    }

    I can tell you bit more about this if you could post your URL.

    sorry esmi to jump after you, nobody was here when I was writing this, once posted you appeared. I’ll let you help 🙂

    esmi

    @esmi

    Forum Moderator

    Don’t worry about it. Jumping in and helping is one way that we can provide 24/7 support. 🙂

    Thanks!

    I apologize, I’m currently using an offline WordPress, as I’m waiting for my uncle to set up WordPress on my server. I will provide a link when I can. As for the other suggestion, it is not affecting the layout. The footer extended across fine until the posts got too long.

    esmi

    @esmi

    Forum Moderator

    We really need to be able to see your site before we can offer anything more than wild guesses.

    Alright, it’s finally up! Here is my link: http://hollytitus.com/

    esmi

    @esmi

    Forum Moderator

    Try adding a clear:both; to your footer’s CSS.

    That’s already on there, so it can’t be that. Any other ideas?

    take the footer div out of wrapper and at the bottom of wrapper put a <div style=”clear:both;”></div> before the </div> that closes wrapper

    also there’s no such thing as width=”” inside of a div

    #footer {
    width: 809px;
    margin: 0 auto;
    }

    Okay, that fixed that problem! Now, I have one last issue…I’m trying to apply a background color to the footer, but that isn’t working either.

    Edit: Make that two problems total..I’d also like to have the sidebar extend down to the footer.

    Thanks again, guys. The coding part of this stuff can be so frustrating sometimes if you’re still learning!

    #footer {
       background: #ccc;
       width: 809px;
       margin: 0 auto;
    }

    That didn’t work for you?

    Oh jeeze, sorry use .footer and not #footer

    You’re using a class, not an ID.

    Woo! Fixing the id/class part solved my other problem…now to figure out the sidebar :).

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Footer Alignment’ is closed to new replies.
Skip to toolbar