Grow your CSS skills. Land your dream job.

Sticky footer issue

  • # February 10, 2009 at 11:40 am

    I got the sticky footer to work for my site here http://www.linkcreativedesign.com BUT

    The content, especially on my portfolio and contact page, flows behind the footer, what can I do to adjust this?

    # February 10, 2009 at 12:00 pm
    "LinCSS25" wrote:
    I got the sticky footer to work for my site here http://www.linkcreativedesign.com BUT

    The content, especially on my portfolio and contact page, flows behind the footer, what can I do to adjust this?

    looking at FF those 2 pages seem fine???

    and your main page you linked to had a small problem, but mainly just a spacing issue, as a link was behind your footer.

    could you post your CSS & HTML code for your footer ?

    # February 10, 2009 at 4:12 pm

    I got it fixed is probably why it looks ok now. I hadn’t had a chance to come on here and say it was fixed.

    which link is hidden?

    here is my code.

    Code:
    #footer {
    background:url(../../../lcgraphics/footerbg.jpg) no-repeat;
    float: left;
    left: 264px;
    width:574px;
    text-align:left;
    color:#ffffff;
    position: relative;
    }

    #footer, .push {
    height: 137px;
    }

    Code:
    # February 11, 2009 at 5:02 am

    http://www.linkcreativedesign.com/

    your footer covers the bottom half of the read more link

    Rob
    # February 11, 2009 at 6:07 am

    thats strange… im sure I replied to this last night… odd

    add a <div class="push"></div> after your clearing div before your footer :) you forgot to add it :) It basically pushes the footer away from the content…

    # February 11, 2009 at 11:37 am
    "Robskiwarrior" wrote:
    thats strange… im sure I replied to this last night… odd

    add a <div class="push"></div> after your clearing div before your footer :) you forgot to add it :) It basically pushes the footer away from the content…

    You did, don’t worry. I remember reading it, so I thought I’d double check that we both weren’t crazy, here it is:
    viewtopic.php?f=2&t=1731&p=8424#p8424

    Rob
    # February 11, 2009 at 1:35 pm
    "TheDoc" wrote:
    "Robskiwarrior" wrote:
    thats strange… im sure I replied to this last night… odd

    add a <div class="push"></div> after your clearing div before your footer :) you forgot to add it :) It basically pushes the footer away from the content…

    You did, don’t worry. I remember reading it, so I thought I’d double check that we both weren’t crazy, here it is:
    viewtopic.php?f=2&t=1731&p=8424#p8424

    thank goodness for that LOL :D

    # February 12, 2009 at 2:55 am

    ive no idea with your problem but here {http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page} is the topic ive followed to make my footer sticky at bottom

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".