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

    Cut & Paste Drop down Panel script

    http://www.javascriptkit.com/script/...ownpanel.shtml

    I have gotten the script to work perfectly
    I have changed the since I want it centered, but not go the lwidth of the screen...

    Code:
    #dropdownpanel{ /*Outermost Panel DIV*/
    position: absolute;
    width: 900px;
    z-index: 100;
    margin-left: auto; 
    margin-right: auto;
    top: 0;
    visibility:hidden;
    }

    It works fine in IE9 but not centering in FF and Chrome. It defaults to the far left.

    Any help would be appreciated,

    Lasa

  • #2
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,989
    Thanks
    56
    Thanked 557 Times in 554 Posts
    seems like a css issue to me. here's a tweak that may help:

    Code:
    body {
    	margin:0px 0px; 
    	text-align:center;
    	}
    	
    #dropdownpanel{ /*Outermost Panel DIV*/
    position: relative;
    width: 900px;
    z-index: 100;
    margin:0px auto;
    top: 0px;
    visibility:hidden;
    }

  • Users who have thanked xelawho for this post:

    Lasa (09-21-2012)

  • #3
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That definetly centered it on all browsers but then it pushed down all the content...so yes I have some css conflict..
    thanks that gives me something to vocus on.

    lasa


  •  

    Posting Permissions

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