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 5 of 5
  1. #1
    IBM
    IBM is offline
    New Coder
    Join Date
    Jul 2002
    Posts
    42
    Thanks
    0
    Thanked 0 Times in 0 Posts

    NN7 and css list menus?

    I've got the suckerfish menu working great in opera7, moz1.5, ie6, but nn7 is giving me a hard time.

    I don't know why but instead of the dropdown list menus hovering over the content, nn7 is treating the floating drop down menu as if it is within the same content. And what happens is nn7 opens the menu and forces all the content down.

    Much like you would expect from the following code:
    Code:
    <body>
    <a href="javascript:void(0);"
     onmouseover="document.getElementById('example').style.display='block';"
     onmouseout="document.getElementById('example').style.display='none';">view example</a>
    
    <div id="example" style="display:none;">
      some hidden Hidden stuff
    </div>
    
    <br/>cotent to push down..very bad if you are trying to write wcag conforming websites..:o
    </body>
    </html>
    Has anyone ecountered NN doing this, and if so did you find a way around it?

    To make things clear, the above code does exactly what it should, but I'm using it as an example of what NN7 is doing with my css suckerfish menu. Of which it is in a 20px height div. So the whole things get's pushed down repeatedly...

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have encountered that exact problem - it's mozilla builds earlier than 1.3 (which is NN7.1), and only if the navbar <ul> is relatively positioned. So if you try a later moz build (like Firefox) you should find the problem has gone away; likewise if the navbar <ul> has absolute positioning.

    I never found a solution (and tentatively concluded that there isn't one, though obviously I could be wrong). I simply added logic to my menu triggers that made them not work under those specific circumstances, so it only sees the main bar.
    Last edited by brothercake; 02-13-2004 at 12:36 PM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #3
    IBM
    IBM is offline
    New Coder
    Join Date
    Jul 2002
    Posts
    42
    Thanks
    0
    Thanked 0 Times in 0 Posts
    AARRrgg....nooo....

    *sigh* ok, I'm fine-

    great, hours and hours later I find it's a bug...

    Ah well.. what can ya do.*calming down *
    I'll try using javascript or even php to check for nn7, if it is..um.maybe I'll absolutely position my menu..although I am guessing that will break my positioning on any res lower than mine..or higher...for that matter anything that's not my pc


    Thank you very much b.cake.
    I would have gone on struggling for hours more needlessly.
    I'll take your word for it, I haven't near as much experience as you so you're word is as good as gold.

    Maybe if something comes to mind, a brain storm or something I'll try it out... otherwise it's off to the sniffers.

    Of course, if anyone else has found a fix, I'm all ears too..

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You can absolutely position in "em" and that will make it flexible to font size; or you can absolutely-positioned in "%" and that will make it flexible to window size.

    You can also try absolute-positioning in a relatively-positioned container, and if you're lucky you might get the best of both worlds - it might work like that
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #5
    IBM
    IBM is offline
    New Coder
    Join Date
    Jul 2002
    Posts
    42
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Muwahahaha....excellent.

    I'll try alll approaches, and if they all fail I'll try some more

    Thanks for the great ideas.


  •  

    Posting Permissions

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