SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Oct 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    problem with drop-down effect in IE6

    Hi guys,

    I`ve done a site for a university project - www.labm.de/rwtv - and I was so proud of myself, until.. ye, I tested it in IE6.

    Well, the only significant problem so far is that the main manu woun`t show. I`ve looked for possible bugs/hacks on the internet and found something that helped me get the green buttons back (still not precise ). The thing is, I wasn`t able to fight back my under menu. It is still on the other side Sad

    I`ve tested it and found out, that the bug is not caused by the PNG-file I use, but it lies on the visability:hidden thing. Apperantly IE has problems understanding it? ? Has anybody had similar problems/experience with such drop-down menus?

    #mainmenu ul ul{
    position:absolute;
    float:left;
    display:inline;
    visibility:hidden;
    }

    Is there an apropriate hack, that would help translate the drop-down effect ?

    thank you in advance!

    P.S. the code for the menu is in default.css under /* Menu */

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    That's an interesting piece of code!
    Code:
    position:absolute;
    float:left;
    display:inline;
    It's quite contradictory, a float is block level automatically and an absolutely positioned element is not floating at all

    Most of these menus use Off Left positioning which only requires you change one property to hide and show the element, the 'left' property.

    Code:
    left: -9999px; /* hide off left */
    left: 0; /* show element */
    I would suggest using one of these 'cleaner' alternative drop down menus:

    Hope it helps,

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,376
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Where's the JS routine that supplies the hover functionality to IE6? I didn't see any linked behaviour files, or any other relevant javascript.

    IE6- doesn't understand this:

    Code:
    #mainmenu ul li:hover ul{
        visibility:visible;
    }

    IE6 only actions hover on anchors and therefore you need to add this function through scripting.

    Look at the suckerfish menus if you need to borrow a routine.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,376
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by mark
    It's quite contradictory, a float is block level automatically and an absolutely positioned element is not floating at all
    Yes mark is correct and the specifications say that if an element is absolutely positioned then it can't be floated so the float will be ignored. Which, luckily is what you wanted as you don't need it to be floated anyway.

    http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo

  5. #5
    SitePoint Member
    Join Date
    Oct 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for the comments !! That will help for sure!
    I will try it and let you know when it`s done correctly!


Bookmarks

Posting Permissions

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