Problem with drop down menu & shadow effect

Discussion in 'CSS' started by larssonk22, Jan 26, 2012.

0
  1. #1
    Hi, I'm trying to get the child links on my navigation menu to behave like a drop down and push any parentlinks below downward

    my site

    If you visit the link, you will see there is a large blank space beneath the link BEACH, and if you scroll down you will see the same with CITY. Hover over these two links you will see the child links appear within the space. I want to get rid of this empty space.

    I've notice using firebug that there is an element style for the ul but I cannot find this anywhere in my CSS. When I disable the element style 'display:block' for the BEACH and CITY ul the menu behaves exactly as I want it. :eek:

    Problem 2: I'm trying to add a shadow to the whole sidebar (area which holds the navigation and footer) but for some reason I can only apply it to .box

    PS does anyone now a good script that will allow me to blur anything that appears behind the sidebar area. ie where the sidebar overlaps the background image the image blurred.

    Hope that all makes sense.

    Thanks.
     
    larssonk22, Jan 26, 2012 IP
  2. larssonk22

    larssonk22 Well-Known Member

    Messages:
    236
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #2
    managed to remove the display block, so it's working in everything but *drum roll* IE7 and IE8...:confused:

    Seems that the slide show is causing some conflict but navigation works perfectly in IE8 if there is no slideshow. However IE7 does something very strange, it looks like the navigation has disappeared but there is a small vertical scroll bar on the right hand side of the page.
     
    larssonk22, Jan 27, 2012 IP
  3. mmerlinn

    mmerlinn Prominent Member

    Messages:
    3,197
    Likes Received:
    819
    Best Answers:
    7
    Trophy Points:
    320
    #3
    If every developer boycotted coding for IE, everyone would be forced to eventually leave IE for real browsers.
     
    mmerlinn, Jan 27, 2012 IP
  4. larssonk22

    larssonk22 Well-Known Member

    Messages:
    236
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #4
    for a software developer it is worrying how wrong MS get things:confused:
     
    larssonk22, Jan 28, 2012 IP
  5. larssonk22

    larssonk22 Well-Known Member

    Messages:
    236
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #5
    Can anyone please help me with this IE7 and IE8 bug :(

    1. IE7&8 Cannot scroll over child links in navigation unless I change #top .main_menu .menu ul to display:block; however doing this expands all the parent links. If I change to display:none it works perfectly on pages that do not have the slideshow :confused:


    2. IE7 content is not visible unless slideshow changes then it will magically appear. Pages that do not have a slideshow all content is placed into a small container with a scrollbar. see here for example
     
    Last edited: Jan 31, 2012
    larssonk22, Jan 31, 2012 IP
  6. mmerlinn

    mmerlinn Prominent Member

    Messages:
    3,197
    Likes Received:
    819
    Best Answers:
    7
    Trophy Points:
    320
    #6
    It amazes me how many people think that by beating a dead horse that the horse will come back to life. IE is a dead horse.
     
    mmerlinn, Feb 1, 2012 IP