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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with DIV layer menu position when centered

    I have a menu/submenu combo that uses DIV layers, JS, and CSS that workd great currently. The problem I have is that it was designed in a way where everything is absolute. Code looks like this:

    Code:
    <div id="platform_menu" style="position:absolute; left:10px; top:82; width:108; height:17; z-index:3; visibility: visible;">
    Content
    </div>
    Then when the person mouseovers the content in the first div it triggers a sub layer which appears at the time same position:

    Code:
    <div id="platform_submenu" style="position:absolute; left:10px; top:99; width:108; height:108; z-index:21; visibility: hidden;"> 
    Submenu
    </div>
    The question is, how do I make this so it can be centered on a screen? Keep in mind I have multiple _menus and submenus so each submeny would have to know the location of their parent.

    Thanks for the help!

  • #2
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post
    would like to see a link w/ the code in operation....
    im a little confused what you're tryin to do by yr code.

    to center things is your question?
    text-align:center;
    and
    margin:auto;
    ?

    also position relative instead of absolute?

    i'd need to see it in action to really answer, sry.
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999


  •  

    Posting Permissions

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