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 3 of 3
  1. #1
    Regular Coder MrBiggZ's Avatar
    Join Date
    Apr 2005
    Location
    Indianapolis IN
    Posts
    275
    Thanks
    39
    Thanked 0 Times in 0 Posts

    Drop down menu falls behind border

    Greetings!

    On this page => http://ftsc-test.handlersspot.net/travteam.html

    The menu on the far right 'FAQ.' When I click it to activate the drop down part of the drop down falls behind the borders. What I'd like it to do is lay over the borders.

    I've messed with a bunch of different z-index setting and still a no go! This must be a new css thing for me cause I've never encountered it before. Then again I drop down menus!

    I've probably been staring at it so long now I don't see my problem. Any and all help is greatly appreciated!

    Thanks much!
    “No matter how slick the demo is in rehearsal, when you do it in front of a live audience, the probability of a flawless presentation is inversely proportional to the number of people watching, raised to the power of the amount of money involved.” ~ Mark Gibbs

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,951
    Thanks
    9
    Thanked 724 Times in 718 Posts
    This is caused by overflow:auto on both #container and #main.

    Remove this from both elements and the menu drop down works OK, but then your margins don't extend correctly right at the bottom of the page. To fix this make:

    Code:
    #page_content {
        margin: 15px 5px 0;
        padding-bottom: 15px;
    }
    Have a try with that.

  • #3
    Regular Coder MrBiggZ's Avatar
    Join Date
    Apr 2005
    Location
    Indianapolis IN
    Posts
    275
    Thanks
    39
    Thanked 0 Times in 0 Posts
    Thanks you!

    I didn't even think of that one!

    Back to whittling away! I need to thin that style.css file down. There are things in there page specific that don't need to be read in on every page.

    Again .. thanks so much for the extra set of eyes and really fast help!
    “No matter how slick the demo is in rehearsal, when you do it in front of a live audience, the probability of a flawless presentation is inversely proportional to the number of people watching, raised to the power of the amount of money involved.” ~ Mark Gibbs


  •  

    Posting Permissions

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