#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    1
    Rep Power
    0

    Problem with position: fixed;


    Hello!

    Iíve got a problem when trying to use position: fixed; for my website.

    Here is my design: zd.se/newdesign/

    At the moment all content added to the red div box get hidden behind the menu. How do I push down the red div box to display beneath the menu?

    Iíd really appreciate your help on this as Iíve got no idea what to do and if I just got this working I think Iíd be on a good way on getting a real nice design together.

    helpls
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    876
    Rep Power
    275
    add overflow:hidden to #wrapper css [to keep the margins from collapsing in following css].

    then, add the following to your #topper css
    Code:
    position:relative;
    top:35px; /*set this to the height of your fixed div */
    margin:0 auto /*to center the div*/
    margin-top:10px; /*if you want to move the #topper div down away from the #header */

IMN logo majestic logo threadwatch logo seochat tools logo