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 6 of 6
  1. #1
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts

    Take a Quick Look - Menu Needs "Hover" Tested

    I created a "tab-out" menu system (here: http://dmk_art.freehostia.com/ ) that I need to test. It's bullet-proof for me in IE7 and FF2 on my particular XP machine but that's not enough to trust it.

    I am working on getting a virtual machine going for cross-browser/cross-platform testing once I figure out all of the particulars, but in the meantime I need people to test out the menu and let me know what browsers/versions cause this menu to break in the page.

    As with anything I do with submenus, I expect this to be broken in IE6 but I am hoping it works well in every other popular browser...

    The links are pretty much all dead so there is no need to actually click on anything. I just need people to "test-hover" the 3-level menu. If it cracks under testing please let me know at least what browser/version, and preferably also let me know what OS and what screen resolution you were using.

    P.S. I know that the presentation is probably too corny right now but I'm primarily concerned with menu functionality.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #2
    New Coder
    Join Date
    May 2008
    Location
    Orlando, FL
    Posts
    60
    Thanks
    3
    Thanked 3 Times in 3 Posts
    PASS: Mac OS 10.6 Safari v4 Public Beta, Firefox/3.0.10, Firefox/3.0.5 & Flock/2.0.3, Opera 10.00 Alpha.
    PASS: Windows 7 Build 700, IE8, even with "Compatibility View"

    Under Windows XP SP3, IE6, the sub menus are not appearing.

    I would suspect this to be a regular CSS mistake or that there is a IE hack to fix the problem.

    I can also see you that your footer displays differently across 3 different browsers. In Safari, your must scroll to see your footer. In IE8 w/ compatibility view it looks about right, but in the regular view it creates more space after the footer causing a gap that you can scroll. The footer had strange behavior in FF as well.

    I think that what you're trying to accomplish is to make your footer appear at the very bottom of the browser viewport at all times. If so, this will probably help you:
    Code:
    #footer {
    position:absolute;
    width:100%;
    bottom:0;
    background-color:#161D9F;
    color:white;
    height:40px;
    }

  • #3
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Great, thanks for the test drive! Any other takers?

    I will eventually work a javascript hack in for IE6 to make submenu hovers work on the <li> elements but for now I'm trying to complete support for more modern browsers first.

    You're right about the behavior I am trying for in the footer, but I'm not wild about using position:relative; so I'll have to tweak it until it behaves.

    Thanks for the detail though, your input is much appreciated!
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    Menu hover is fine for me in:

    Chrome 1.0.154.65
    Firefox 3.0.10
    Opera 9.63
    Safari 4

    All under XP SP2.

    No good in IE6 as earlier postings.

    Hope this helps.

  • #5
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by SB65 View Post
    Menu hover is fine for me in:

    Chrome 1.0.154.65
    Firefox 3.0.10
    Opera 9.63
    Safari 4

    All under XP SP2.

    No good in IE6 as earlier postings.

    Hope this helps.
    Indeed, thanks!
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    In IE8 using Windows 7 RC1 32 bit, not all the menu items produce.

    About
    2d courses
    3d cources

    give sub menus.

    The rest onle change from green to white backgound.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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