Results 1 to 4 of 4

Thread: Help with chrome css

  1. #1
    Join Date
    Apr 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with chrome css

    Ok, I think I have it mostly right, but when you rollover my menus the dropdowns appear in odd places
    see www.bossfrog.com/bosstest.html

    thanks in advance

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This menu is so heavily dependant upon style that putting it inside of other elements that are also styled is a crap shoot. I am not affiliated with Dynamic Drive, but even if I were, this would not change the fact that I, personally, am about fed up with supporting this menu. You can try editing the script to place the drop downs in a different position but, this often varies from browser to browser and from window size to window size. You can change the styling of the container and/or the menu itself but, this usually has the same drawbacks as editing the code. My best advice is to either use this menu by itself, outside of anything else on your page except the body, or to use another menu.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Apr 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, I guess.... bummer I thought this might be a good solution

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    The main chrome DIV provides the anchor for where the drop down menus should be positioned underneath using, so unless you're putting the menu inside more unique set ups like a positioned DIV, it should work all the same.

    Looking at the source of your page, I see an obvious error that should be fixed before any debugging can be done:

    Code:
    <link rel="stylesheet" type="text/css" href="chromestyledemo.css" />
    It references a non existent css file "chromestyledemo.css".

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
  •