Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Hey guys.

    My idea on this site I'm working on is to have a nav menu across the whole top of the page. I want some main categories with drop down menus on them. Simple, right? I thought so. I know I need to study some javascript, but I'm sure that this problem is not purely javascript, so I posted it here.

    The problems I'm having are that in firefox the green background doesn't extend all the way to the right side of the screen. In Internet Explorer the drop-down menus drop to the side.

    I've validated my code. You can look at it at the following link:

    http://www.casfa.org/beta/index.html

    http://www.casfa.org/beta/casfa.css

    Thanks for any help.

    Jake

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Try zero-ing out the hovered ul's left instead of setting it to auto.

    As to the div -- because you're floating all of the lis left, the ul has an effective height of 0, giving the div the same effective height of 0. You can try setting an actual height for the div (something like 1.25em, for example).

  4. #3
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Try zero-ing out the hovered ul's left instead of setting it to auto.
    I don't think I understand what you mean? Do you want me to change the line item:

    #nav li:hover ul, #nav li.over ul {left: auto;}

    to


    #nav li:hover ul, #nav li.over ul {left: 0;}

    Thats what I did and it didn't solve the problem in Internet Explorer.


    As to the div -- because you're floating all of the lis left, the ul has an effective height of 0, giving the div the same effective height of 0. You can try setting an actual height for the div (something like 1.25em, for example).
    That worked thank you very much for you help.

    Jake

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Did that second one solve the other issue, as well, or is that one still pending?

  6. #5
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Yea the div height adjustment fixed the green bar. The first one in IE is still a problem.

  7. #6
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Ok, try zeroing out the margins and paddings of all lis inside a ul inside the menus (especially the left ones).

  8. #7
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    I added this to the css:

    #nav li ul li
    {
    padding:0;
    margin:0;
    }

    Is that what you wanted me to do?

    If so, it didn't fix the problem.

  9. #8
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    I was thinking #nav li, but that works, too. That's annoying. Let me think about it, but I'm really not sure.

  10. #9
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Is there a possibility that its a javascript problem?

  11. #10
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    I highly doubt it. There's little enough Javascript involved.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:47 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com