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

    Join Date
    Oct 2012
    Posts
    7
    Rep Power
    0

    Question CSS Floating Div Help


    I'm currently try to build my first site from scratch and I'm having some CSS issues. What I would like to happen is my slideshow on the homepage to always stay within the navigation bar and the footer. However when the screen is adjusted the footer will sometimes go under the slideshow; I adjusted the zindex so it did not overlap it. I'd like to fix the CSS so that the center div always stays within the and footer.

    My Site URL: artsatheart.atwebpages.com/
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    16
    Rep Power
    0
    Can you please provide the code. It is hard to see what is happening without it.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    7
    Rep Power
    0
    Sure.

    URL: artsatheart.atwebpages.com/stylesheet.css
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    16
    Rep Power
    0
    In order for this to work, you will need to adjust the z-index to something high then the slider. You have them reversed.

    This link will provide more information on the z-index property.

    http://www.w3schools.com/cssref/pr_pos_z-index.asp
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Posts
    18
    Rep Power
    0
    You can use z-index for this issue. Because z-index used to increase or decrease the layer of the slideshow.
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    7
    Rep Power
    0
    Solved! Thanks all!

IMN logo majestic logo threadwatch logo seochat tools logo