Results 1 to 4 of 4

Thread: Drop-down menu hidden behind CSS frames layout

  1. #1
    Join Date
    Nov 2010
    Location
    Belgium
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Drop-down menu hidden behind CSS frames layout

    Hello to all !!

    I'm new here and a real beginner in webprogramming. I found this great site by searching for help to my probs.
    For our company i start to realize a website last year - and now i try to make a "lifting" to this site.
    I found here some great program-code i like to use at same time, but with problems and i hope to find some help...
    I try to use the "CSS Left and Top Frames Layout"
    http://www.dynamicdrive.com/style/la...frames-layout/
    and the "SuckerTree Vertical Menu (v1.1)"
    http://www.dynamicdrive.com/style/cs...menu-vertical/
    in the "left framecontent". The problem is, that the sub-menu is hidden behind the "mainframe". I found the solution to ad to the frames a "z-index" and it works perfect. But now when i put an "overflow: auto" to the left frame to can see all on smal screens, the sub-menu is again hidden behind all.
    Here the link to my website: www.inno4.com/newsite
    Hope someone can help me...
    Thanks

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,040
    Thanks
    16
    Thanked 318 Times in 316 Posts
    Blog Entries
    14

    Default

    Please post a link to the actual page you are having difficulties with - noone will want to go clicking randomly around your site for the page you've described.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Nov 2010
    Location
    Belgium
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Hi Beverleyh !!

    Thanks to have a look on my big problem.
    The problem i discribe, i have it on entire site:
    http://www.inno4.com/newsite/html-fr/Accueil-FR.html
    You can see on the left side the menu, but the sub-menu in GALERIE, CONTACT,... are hidden behind the main content. I only change in the CSS file (http://www.inno4.com/newsite/css/inno4-2010.css) the "overflow" from "visible" to "auto" and since i can't see anymore my sub-menu.

    #framecontentLeft, #framecontentTop{
    position: absolute;
    top: 0;
    left: 0;
    width: 220px; /*Width of left frame div*/
    height: 100%;
    overflow: auto; /*Disable scrollbars. Set to "scroll" to enable or "hidden" to disable or "auto" for automatic*/
    background-color: #A60323; /* Blau #045C97 */
    text-align: center;
    z-index: 15;
    }


    Wait for some help
    Thanks

  4. #4
    Join Date
    Nov 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hello Beverleyh / NoSilence,

    We have web app using frameset and having the same problem of asp:menu submenu which gets hidden under the frame, the asp:menu items are created programmatically and also its submenu by giving its parentid

    i have used your script (FrameContentleft) and checked the submenu items it still goes behind the mainframe

    Could you pls provide me the solution in step by step

    THanks

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
  •