WordPress.org

Ready to get started?Download WordPress

Forums

Aligning footer (3 posts)

  1. nhahcouk
    Member
    Posted 6 years ago #

    Hi
    This is my first post so be gentle with me ;O)

    I can't get my footer to center at the bottom of the page. I've googled for help and whatever I try, it doesn't make a difference.

    This is my blog - http://www.neverhungryalwayshungry.co.uk

    The style.css part for the footer is -

    #footer
    {
    clear: both;
    float: center;
    width: 75%;
    text-align: center;
    padding-left: 20px;
    background: #CC66C4;
    font-size: 11px;
    border-left: 4px solid #CC3366;
    border-right: 4px solid #CC3366;
    }

    #footer a {
    color: #FFFFFF;
    font-size: 11px;
    }

    #footer a: visited {
    color: #CC3366;
    }
    #footer a:hover {
    color: #CC3366;
    border-bottom: 1px solid #9933cc;
    }

    I'd really appreciate any help you can give me :O)
    Thanks!

  2. WildBil2Me
    Member
    Posted 6 years ago #

    Hi nhahcouk,

    There's actually a few things that are stopping your footer from getting centered.

    In body change "text-align: left;" to "text-align: center;"

    In #wrapper change remove "float: left" and add "text-align: left;"

    In #footer remove "float: center" and add "margin: 0 auto;"

    I believe that will do it.

    There is an issue I'm seeing though - well - not seeing. When I load your page there's no background you may want to double check how you're adding the url. Change "repeat - x" to "repeat-x" (no spaces) fixes it.

    Note: I only tested this in Firefox for now but I believe that ought do it all around. You may want to double check IE and Safari.

  3. nhahcouk
    Member
    Posted 6 years ago #

    Brilliant, thanks for your help.

    Thanks for letting me know that the background isn't working. I'm using IE and it's ok there but I'll try and sort that out too.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags