Always on Top

Discussion in 'CSS' started by Philosophaie, Feb 24, 2012.

  1. #1
    The "content" of my webpage always scrolls over my fixed "header". Is there any option in CSS that has it "Always on Top". If not do you have any suggestions on how to scroll individual divisions or percentages of the CSS webpage.
     
    Last edited: Feb 24, 2012
    Philosophaie, Feb 24, 2012 IP
  2. Philosophaie

    Philosophaie Member

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #2
    I found out for myself. The fixed "header", the "content" and whatever div has a level on the z-plane. The higher the level, the more on top you are. You just set the level.

    If you set the "header at:

    z-index: 99;

    It is definitely on top. If you set the "content" at:

    I found out for myself. The fixed "header", the "content" and whatever div has a level on the z-plane. The higher the level, the more on top you are. You just set the level.

    If you set the "header" at:
    z-index: 99;


    If you set the "content" at:
    z-index: 1;

    The "header" is always on top and the "content" is always on the bottom.

    I still would like to know how to scroll only the "content" div.
     
    Philosophaie, Feb 25, 2012 IP
  3. vectramind

    vectramind Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    using z-index you can the get the contnet on top
     
    vectramind, Mar 2, 2012 IP
  4. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #4
    Put a bigger value, like 99999. And one more thing, POSITION your div (absolute, relative, inherit, fixed) otherwise it won't work on IE.
     
    wiicker95, Mar 3, 2012 IP
  5. BooThemes.Com

    BooThemes.Com Active Member

    Messages:
    97
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    You're right , try with POSITION mate
     
    BooThemes.Com, Mar 9, 2012 IP