treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Sticky footer issue

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

    The content, especially on my portfolio and contact page, flows behind the footer, what can I do to adjust this?
  • "LinCSS25" said:
    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 ?
  • 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.

    #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;
    }


  • http://www.linkcreativedesign.com/

    your footer covers the bottom half of the read more link
  • 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...
  • "Robskiwarrior" said:
    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
  • "TheDoc" said:
    [quote="Robskiwarrior"]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[/quote]


    thank goodness for that LOL :D
  • 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