Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jun 2008
    Posts
    30
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Question How to make something stick to the bottom of the page?

    Hi, I would like to make some buttons that would stick to the right bottom side of the page... how can I do this?

    See the illustration...
    Attached Thumbnails Attached Thumbnails How to make something stick to the bottom of the page?-social.png  
    Last edited by QueenZ; 05-26-2012 at 04:00 PM.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Did you want them to not move as well when the user scrolls?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Jun 2008
    Posts
    30
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    Did you want them to not move as well when the user scrolls?
    yepp!

  • #4
    New Coder
    Join Date
    Jun 2008
    Posts
    30
    Thanks
    7
    Thanked 0 Times in 0 Posts
    I also want them to stick to the right side no matter what...

  • #5
    New Coder
    Join Date
    Jun 2008
    Posts
    30
    Thanks
    7
    Thanked 0 Times in 0 Posts
    position:fixed; bottom:0px; puts it at the bottom but how do I make THEM stick to the right side ?

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello QueenZ,
    Maybe this will work for you - position:fixed; bottom:0px; right: 0;

    Learn some basics of CSS positioning here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    QueenZ (05-26-2012)

  • #7
    New Coder
    Join Date
    Jun 2008
    Posts
    30
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Hello QueenZ,
    Maybe this will work for you - position:fixed; bottom:0px; right: 0;

    Learn some basics of CSS positioning here.
    Thank you!!! You saved my day! A million thanks!


  •  

    Posting Permissions

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