Aligning footer

  • nhahcouk

    (@nhahcouk)


    16 years, 3 months 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!

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

    (@wildbil2me)

    16 years, 3 months 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.

    Thread Starter nhahcouk

    (@nhahcouk)

    16 years, 3 months 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.

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