Grow your CSS skills. Land your dream job.

drop-down menu & ie6

  • # February 4, 2009 at 11:57 pm

    Hi everyone,

    I have been working away on a new website and creating a drop-down menu from my page title. All seems to be going well, but I am at a loss why IE6 is behaving so differently.

    I have sfHover.js so all my hovers work ok, it must be something I am overlooking that is making IE6 behave differently.

    My primary issue is that the ‘content’ text cannot be selected, nor can the ‘breadcrumb’ links because of the drop-down menu. I realise this is because the drop-down menu seems to be over the top of the content in IE6.
    If I put overflow hidden on the div I cannot see the drop-down but can select the text and links.
    I have set widths and heights.
    Tried z-index.
    I am just getting myself so confused!

    Here is a link to the site: http://www.dynamichrmsolutions.com.au/michelle/

    Any insight into the issue or a hint on the solution would be most appreciated as I am starting to pull my hair out!
    I have tested in other browsers and versions and IE6 is the only one acting this way.

    Let me know if you need anymore information.

    Edit: actually IE5 is also acting this way.

    # February 5, 2009 at 4:34 pm

    I’m having a very similar problem:
    http://www.jimenezarmsinc.com/home2.htm

    When the mouse is hovered over pistols, only 2 calibers is displayed when there should be 4.
    IE5+ is the main problem, works fine in Safari, a little buggy in Firefox.

    Any insight or solution would be highly appreciated.

    # February 5, 2009 at 8:13 pm

    Hi artcoregfx,

    I think you may wish to start with inserting the flash object using swfobject.js, see the links below:
    http://board.flashkit.com/board/showthread.php?t=748707
    http://code.google.com/p/swfobject/
    There is probably more information out there, but at least this is a starting point for you.

    I had this same problem on this site: http://www.dynamichrmsolutions.com.au/gallery/developing-leader-within/forbes-parkes/.

    Ultimately, the swfobject.js enables you to have compliant code and fixes the issue of flash always wanting to be on top of everything else.

    Hope this makes sense!

    Let me know how you go.

    # February 5, 2009 at 8:43 pm

    break through!

    i changed my nav container div to float left instead of right, positioning it absolutely with left margin and success!

    Code:
    #nav_container {
    display: inline;
    float: left;
    margin-left: 356px;
    position: absolute;
    width: 400px;
    }

    note to self: try not to float things to the right ;)

    # February 6, 2009 at 12:36 pm

    Shelleweb,
    thanks for the heads up, i will look into that solution for sure…

    # February 11, 2009 at 2:30 am

    Hooray! it works, but… the flash content shrinks to like 50%! now what? any clue or ideas? it only shrinks on IE5+, FF and Safari are fine.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".