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 4 of 4
  1. #1
    New Coder
    Join Date
    Dec 2006
    Location
    Conroe, Texas
    Posts
    18
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Dropdown menu won't drop in IE

    First time poster- please excuse my errors.

    I'm working on a dropdown menu that
    1.) won't pull down in Internet Explorer, and
    2.)drops but won't drop "over the edge" of the container div in Mozilla, Firefox, Netscape & Opera. The whole div expands to make room for the pull-down.

    Would like to correct these using CSS and no javascript.

    The dropdown is the in the first link in the horizontal menu bar.


    This is my initial try at css and dropdowns and I would greatly appreciate some pointers as to what I am doing wrong.
    I'm trying to follow insturctions from the book by Charles Wyke-Smith: "Stylin' with CSS".

    Thank you

    The page can be seen here, view source for code:
    http://www.freewebs.com/40ford/dropdown_menu.htm

  • #2
    Regular Coder
    Join Date
    Oct 2006
    Posts
    206
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Your problem is that the ul that is to drop down is part of the document flow. To make it not so, add 'position: absolute; top: 100%; z-index: 1;' to your 'li:hover ul' declaration block.

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    take a look at http://cssplay.co.uk/menus/drop_definition4.html

    no javascript required but some heavy code to make some browsers work right
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #4
    New Coder
    Join Date
    Dec 2006
    Location
    Conroe, Texas
    Posts
    18
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Great help for dropdown in IE!

    Thank you 1212jtraceur and harbingerOTV for your excellent help and for taking the time to respond.

    I must have redone the whole page ten times and was really stuck. I never would have figured this out on my own.

    Thank you so very much.

    (I just can't stop clicking on the dropdown in IE now that is is working)

    http://www.freewebs.com/mcleod_enter...owm%5Fmenu.htm


  •  

    Posting Permissions

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