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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Oct 2013
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Fixed DIV Boxes (Top & Bottom?)

    Hello,

    I'm brand new to these forums. I joined because I'm working on a big project and it's always good to be part of a helpful community, so hey!

    My question is related to Fixed Div boxes. I know that it is possible to fix a div box to a certain pixel position, but this would vary depending on screen size wouldn't it?

    I have the top one sorted by simply using Position:fixed and Top:0px but how would I do the bottom one so it is simply at the bottom of the screen no matter what resolution of monitor they are using?

    I'm sorry if this is not articulate enough, finding it hard to think straight at half 1 in the morning. If you need any more information, please just ask!

    PS: I've attached an image of what I want the screen to look like.

    Thanks a lot!
    Attached Thumbnails Attached Thumbnails Fixed DIV Boxes (Top & Bottom?)-exm.jpg  

  • #2
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    Solution is simple. To place it at the top, you know that you need to add "top:0;". To place it at the bottom, it's just as intuitive. You need to add "bottom:0;".
    My signature :)

  • #3
    New to the CF scene
    Join Date
    Oct 2013
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    How stupid of me.... This makes so much sense now, thank you!

  • #4
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    11,043
    Thanks
    0
    Thanked 251 Times in 247 Posts
    If you need to position it at the bottom right, you also need to add right: 0;

  • #5
    New to the CF scene
    Join Date
    Oct 2013
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Glenngv!


  •  

    Posting Permissions

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