Aligning footer

  • 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 – https://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!

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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.

    Thread Starter nhahcouk

    (@nhahcouk)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Aligning footer’ is closed to new replies.