Stopping divs from displaying off of the bottom of the display

Discussion in 'JavaScript' started by marty, Jan 31, 2007.

0
  1. #1
    Hello All,

    Does anyone know how to prevent the bottom of the div from showing below the bottom of the screen? I've made an example page at http://www.peachyga.com/position-help/question.html

    To recreate the issue:

    1. Click on a link towards the top of the page.
    2. Observe the new, blue visible div
    3. Click on the last link at the bottom of the visible screen (please don't scroll down - just click on the last visible link)
    4. Now note that most of the blue div is not visible

    Does anyone here know how to prevent any of that div from showing up below the visible portion of the screen?

    Thanks everyone, any help is greatly appreciated.

    Note: For future use I plan to leave the example page up... forever :)
     
    marty, Jan 31, 2007 IP
  2. ajsa52

    ajsa52 Well-Known Member

    Messages:
    3,426
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    160
    #2
    I don't understand what are you trying to do, but on FireFox the blue div is always placed at top (not on Explorer).
     
    ajsa52, Feb 1, 2007 IP
  3. Trippy

    Trippy Guest

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It's weird that Firefox 1.5 doesn't display that properly but IE 6 and Opera do. In any case what you need to do is get the height of the viewport and check to see if the position of the bottom of the div is greater than the viewport height and if so adjust it in some way so it doesn't drop down that far.
     
    Trippy, Feb 3, 2007 IP