Web Analytics Made Easy -
StatCounter Sticky footer with content - CodingForum

Announcement

Collapse
No announcement yet.

Sticky footer with content

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Sticky footer with content

    Sticky footer (http://ryanfait.com/sticky-footer/) but with the content following it. The footer is behind the content - 100%ish height.

    Code:
     ####### header
     |     |
     |     | content
     |     |
    -|-----|- footer (content is #px over footer)
    This is useful for what you have a crazy footer background but don't want to loose content space.

    Any ideas on how to do this without javascript? Also, do not want to make the footer have an extra image to make it look like a content area.

    Ideas?

    URL: http://cosmz.com/test.html
    Last edited by twodayslate; Apr 2, 2009, 12:04 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #2
    This is useful for what you have a crazy footer background but don't want to loose content space.

    Any ideas on how to do this without javascript? Also, do not want to make the footer have an extra image to make it look like a content area.
    Your intention/issue is not perfectly clear, though have you checked http://www.bonrouge.com/2c-hf-fixed.php?nc (which uses a slightly different approach than your original reference)?
    Digitalocean Cloud Hosting (Referral link - get $10 free credit) Fameco

    Comment


    • #3
      Originally posted by abduraooft View Post
      Your intention/issue is not perfectly clear, though have you checked http://www.bonrouge.com/2c-hf-fixed.php?nc (which uses a slightly different approach than your original reference)?
      bon uses an extra background image. the content does not truly stretch - the wrapper does. will try to make it work but i doubt it...

      edit://here is why I think the wrapper background method will not work: the content is above the header image and the background image. if you made the container have a bg then it would cover up the header and footers?
      plus in this case: curved corners.
      Last edited by twodayslate; Apr 2, 2009, 03:22 PM.
      twitter | Quality Hosting - $5.95/mo*
      Feel free to PM me!

      Comment

      Working...
      X