Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. Sticky page footers and absolute control positioning

Sticky page footers and absolute control positioning

Scheduled Pinned Locked Moved Web Development
questionhelp
3 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • G Offline
    G Offline
    Greg Chelstowski
    wrote on last edited by
    #1

    Dear all, I have been trying to find a way to put a small toolstrip (much like the one on facebook) at the very bottom of my page and make it stick there. I've made use of screen.height, screen.availHeight to, well, no avail. It keeps being cropped or goes off the screen or appears too high up. Is position:absolute the right way to go? Do i need to calculate the actual position in the y-axis subtracting the height of all the other controls on my page? I'm really stuck, and it's the control that should stick, not me. I'm sorry if that question has already been asked, I am not even sure what keywords to use to look for the solution. Regards, Greg

    var question = (_2b || !(_2b));

    G B 2 Replies Last reply
    0
    • G Greg Chelstowski

      Dear all, I have been trying to find a way to put a small toolstrip (much like the one on facebook) at the very bottom of my page and make it stick there. I've made use of screen.height, screen.availHeight to, well, no avail. It keeps being cropped or goes off the screen or appears too high up. Is position:absolute the right way to go? Do i need to calculate the actual position in the y-axis subtracting the height of all the other controls on my page? I'm really stuck, and it's the control that should stick, not me. I'm sorry if that question has already been asked, I am not even sure what keywords to use to look for the solution. Regards, Greg

      var question = (_2b || !(_2b));

      G Offline
      G Offline
      Greg Chelstowski
      wrote on last edited by
      #2

      Found it here if anybody else is interested: http://www.cssstickyfooter.com/using-sticky-footer-code.html[^]

      var question = (_2b || !(_2b));

      1 Reply Last reply
      0
      • G Greg Chelstowski

        Dear all, I have been trying to find a way to put a small toolstrip (much like the one on facebook) at the very bottom of my page and make it stick there. I've made use of screen.height, screen.availHeight to, well, no avail. It keeps being cropped or goes off the screen or appears too high up. Is position:absolute the right way to go? Do i need to calculate the actual position in the y-axis subtracting the height of all the other controls on my page? I'm really stuck, and it's the control that should stick, not me. I'm sorry if that question has already been asked, I am not even sure what keywords to use to look for the solution. Regards, Greg

        var question = (_2b || !(_2b));

        B Offline
        B Offline
        bulg
        wrote on last edited by
        #3

        you're wanting "position:fixed"

        1 Reply Last reply
        0
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Categories
        • Recent
        • Tags
        • Popular
        • World
        • Users
        • Groups