SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    605
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Sticky Footer Issues

    Hey guys,

    I've done this footer several times in the past and it worked no problem, couple times had some issues and needed advice from the masters here who are always great to help out.

    Well I'm having issues again, here is the links so you can see on the home page as well as on an interior page on the site...

    http://slyangelpublishing.com/2011/

    http://slyangelpublishing.com/2011/a...el-publishing/

    You will notice that the text goes behind the footer which is of course incorrect as the footer should come after all the text and also theres a tad bit of scrolling.

    Could someone please take a look at the code and see where abouts I made my mistake, cause I can't seem to spot it at all its been frustrating me as did two sites earlier this week and had no problems with it.

    Many thanks,

    Mike

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,622
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Try removing the height here:

    Code:
    #content {
      float: right;
      height: 200px;
      padding-top: 20px;
      width: 650px;
    }

  3. #3
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    605
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Perfect that worked.

    Now theres just like the little issue of the scroll when there is not enough content to fill the browser. There is just a tad of scroll.

    Heres link you can see what I mean...

    http://slyangelpublishing.com/2011/c...y/songwriters/

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,622
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    O, I didn't notice that. Try adding this:

    Code:
    #footer-content p {
      line-height: 70px;
      padding-left: 47px;
      padding-top: 10px; 
      margin: 0;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •