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 9 of 9

Thread: Dropdown in IE

  1. #1
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Dropdown in IE

    Hi, I'm trying to get this drop down to work in IE. It works fine in FireFox, but I have no clue what hacks I may need to add to get it to work in IE. If anyone can help me, it would be greatly appreciated. Thanks in advance, here's the link..

    http://www.idatedsatan.net/ewzine

  • #2
    New Coder
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Your code:
    Code:
    /* make the second level visible when hover on first level list OR link */
    .menu ul li:hover ul,
    .menu ul a:hover ul{visibility:visible; }
    That is supposed to work. It doesn't. You have to hide the li items off screen by using positioning such as this sample from my website (truncated):

    Code:
    .thumbnail2 span{
    position: relative;
    left: -1000px;
    visibility: hidden;
    }
    
    .thumbnail2:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    left: 0px; /*position where enlarged image should offset horizontally. should equal the left of the menu item. */
    Hopefully that should do the trick for you. You may have to play with the "position" variable to make it work with your site correctly.
    Last edited by dcostalis; 10-19-2007 at 06:20 PM. Reason: added comment to end

  • Users who have thanked dcostalis for this post:

    timeistooshort (10-19-2007)

  • #3
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I'm totally lost.. damn.

  • #4
    New Coder
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    5
    Thanked 9 Times in 9 Posts
    try changing this:

    Code:
    .menu ul a:hover ul{visibility:visible; }
    to this:

    Code:
    .menu ul a ul{visibility:hidden; left:-1000px;}
    .menu ul a:hover ul{visibility:visible; left:0px;}
    See if that gets you going in the right direction.

  • Users who have thanked dcostalis for this post:

    timeistooshort (10-19-2007)

  • #5
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks, I will try that. Do you know how us folks with Macs can test on windows versions of IE. IE wasn't made again for mac after version 5, right?

  • #6
    New Coder
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    5
    Thanked 9 Times in 9 Posts
    From my 5 minutes research, I don't think there is. I know Windows can be made to work on a Mac, but it might only be the newer Intel based Macs. I honestly have no idea.

  • #7
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I just realized that. That royally sucks for mac website builders who are trying to maintain compatibility with IE.

    I think it should be government regulated that everyone be switched to FireFox.

  • #8
    New Coder
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Well, Firefox has taken a bigger market share than IE6, according to the w3c.

    Sounds dumb, but i'm sure you could pick up a pc and monitor for about 200 bucks just to hit "F5" on when you're doing some development or updates.

    I'm just glad that Safari came out for the PC for Windows developers like myself. Have any luck getting this to work yet?

  • #9
    New Coder
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Looks like you got this one on the right track! the spacing is a bit different from browser to browser, but i'm sure some padding/margin play will fix that up.

    nice work!


  •  

    Posting Permissions

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